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.

Show elsewhere on my store

Step 1: Enable global placement

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

Step 2: Edit your theme to output the default timer

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:

OS2.0 Themes

To position the visual based timer:

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

To position the text based timer:

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

Vintage themes (Non OS2.0 Themes)

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.