Skip to main content
All CollectionsUrgency Bear Countdown TimerApp installation
How to manually add Product Countdown Timer to your store
How to manually add Product Countdown Timer to your store
Mollie Herbert avatar
Written by Mollie Herbert
Updated over 6 months ago

Click on “Enable”.

For most themes - that will do!

Countdown won't show? read below.


Themes 2.0 setup

Using themes 1.0? skip to the next section!

Watch this setup video guide:

OR

Follow these steps:

(1) Enable the app

(2) Scroll down to the bottom "Countdown Placement" > uncheck "Show on product page"

(3) Save

(4) Go to your Online store channel > Themes > customize

(5) Navigate to the product page

(6) Inside the product section > click "Add block" > Add custom liquid / custom HTML

(7) Add <div class="ultimate-countdown"></div>

(8) Save


Themes 1.0 setup

Watch this setup video guide:

OR

Follow the below steps:

(!!!) IMPORTANT: Make sure your "Add to product pages" checkbox is OFF and click "Save"

1. Copy the <div> tag (<div class="ultimate-countdown"></div>)

2. Open your template file (click the template file link)

3. Navigate to the theme coding and look for the product page. In this example, the page is called "product-template.liquid" located under "sections".

(!) Can't find "product-template.liquid" file? look for product-form.liquid or buy-button.liquid or main-product.liquid file instead.

(!!) Using Dawn theme or any other Themes 2.0 theme ? locate the "main-product.liquid" file.

4. Paste the <div> in the file, below the {% endform %} line.

(!) Same goes for the product-form.liquid file if you used it in the previous step.

5. Click "Save"

Did this answer your question?