Show Delivery Timer elsewhere on my store

By default, the timer will display on product pages only.

This is the most popular place as utilized by Amazon and many other merchants and is fully supported by Delivery Timer.

Firstly, you must enable global placement output in Delivery Timer settings by checking the box and saving.

If you want to output the timer elsewhere on your store, you can do so by inserting the following script into your theme’s liquid page or equivalent section/snippet depending on where you need it to show:

To position the visual based timer:

<div id="visual_timer_wrapper1"></div>

To position the text based timer:

<div id="delivery_timer_wrapper1"></div>

To position the visual based timer:

<div id="visual_timer_wrapper"></div>

To position the text based timer:

<div id="delivery_timer_wrapper"></div>

Doing the above will mean the timer is now outputted where you have placed the snippet in your theme.

If you wanted to hide it outputting on the product page, you could use product page targeted CSS to do so. We can not carry out this for you, you will need a Shopify Expert or someone with Shopify Liquid HTML/CSS knowledge.

Please note. We don’t officially support extended use of Delivery Timer outside of the product pages or cart Pages. Any issues encountered with Delivery Timer being shown elsewhere on your Shopify store will need to be resolved by your theme developer or a Shopify Expert.

Secondly, when outputting the timer on pages other than the product page, the default timer settings will be applied. Rules will not work.