By default, Delivery Timer will output dynamically on your store. If you want to change the position of Delivery Timer on the page or you have a custom theme/Page builder and it isn’t showing, you will need to insert the code manually.
Shopify OS2.0 Themes
For Shopify stores using new OS2.0 Themes, you can simply place the below script into a liquid block and position it on the product page where desired.
To position the visual based timer:
<div id="visual_timer_wrapper"></div>
To position the text based timer:
<div id="delivery_timer_wrapper"></div>
Non OS2.0 Themes
For non OS2.0 and themes, if you know how to edit theme files, you can edit your product.liquid or your themes product section to display Delivery Timer anywhere on the page by inserting the following code:
To position the visual based timer:
<div id="visual_timer_wrapper"></div>
To position the text based timer:
<div id="delivery_timer_wrapper"></div>
If you aren’t comfortable and would like assistance, simply send us a support request and we will help you.
Please note: If you are using a Page Builder, you will need to position the code on template using the HTML widget. For support, you will need to reach out to your Page Builder provider.