How can I move/relocate the Order Delivery Date calendar?

Change Delivery Date Position

To show the delivery date calendar at a specific position on your cart page, insert the following code in the cart.liquid file.

→ Most themes are using a cart-template.liquid file to show the content on the cart page.

To find the cart.liquid file of your store theme, please follow the below steps:

  • Go to Shopify Account > Online Store > Themes > Theme library
  • Click on the ‘Action’ button given in the  ‘Theme Library’ section
  • Click on the ‘Edit Code’ from the options, and it will take you to the page where you can edit your template files.
  • On the right side of this page, you will see all the liquid files and a Search Bar 
  • Use the search bar to find the
  • Click the cart.liquid file from the templates menu and add the code if that file has all codes to show the cart content cart.liquid file 
  • If the cart.liquid file have code{% section 'cart-template' %}> then select cart-template.liquid file from the search result

→Now insert the below code in the file on the proper position where you want to show Datepicker and save the file.
→ <div class="identixweb-order-delivery"></div>

→ In our debut theme, the cart-template.liquid file is the correct file that is using cart content.

For a quick view of all the above steps, please check the below image.