Set up a countdown timer <> Gain


On this page:

  • Add a countdown (promotion) timer as a banner -> Follow
  • Add a promo timer to the individual product -> Follow

Add a countdown (promotion) timer as a banner.

Please add the Banner section, remove the default "Full width" block, and add the "Countdown timer"  block instead. Enter this block and set up the date when the promotion ends.



Add a promo timer to the individual product.


Step 1: Create a product metafield.

Navigate to the Admin -> Settings -> Metafields and metaobjects -> Products, click on "Add definition".



Create a metafield with the following parameters:

Name: Any preferred name (e.g., Promo timer)
Key: custom.promo_timer_date
Type: One / Date and Time



Step 2: Add the time to the metafield.

Navigate to the Admin panel -> Products -> [product], scroll down to the Metafields section, and set the date when the promotion ends.



Step 3: Add a countdown timer to the product template

Go to the theme editor -> Product template, click the "Add block", and add the Countdown timer block.



If you have many products with a promotion, you can add the promotion end date to the metafield for all products at once, in one place.

To do this, select the necessary products in the admin panel and click “Bulk edit.”

In the window that opens, click “Columns” and find the name of the metafield that stores the promotion end date. Check it - this will add a new column to the table.

Then, enter the date for one product and drag it down to apply it to all products in the list.


If you are using the "Quick view" window, navigate to the Theme settings -> Quick view, and enable the Countdown timer option.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us