All Collections
Urgency Bear Countdown Timer
App installation
How to manually add Product Countdown Timer to your store
How to manually add Product Countdown Timer to your store
Jonathan Biri avatar
Written by Jonathan Biri
Updated over a week 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 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?