Block: Countdown

From Documentations
Revision as of 09:48, 13 June 2024 by An (talk | contribs) (→‎General Configuration)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Countdown Timer enables you to add a countdown to any Shopify page in a simple way without the use of a 3rd party app. It's an effective sales tactic that helps you get more sales and conversions.

What is the Countdown section perfect for?

The Countdown section is perfect for promotional events, flash sales, limited-time offers, etc. You can add the Countdown to Landing pages, hero section on the homepage, product pages, etc.

See an example in the hero section: here.


Countdown settings

From the Shopify theme editor, click on the Countdown on the sidebar to view the details of settings.


If you are new to our Easy Content Builder, please take a look at the Add Sections section for detailed instructions on how to add a section to your theme.
Section settings Description
Countdown date set the destination date for your countdown in seconds, minutes, hours, and days using the ISO 8601 format: YYYY-MM-DDThh:mm:ssTZD
Alignment Align all elements of the Countdown to the left, center, or right
Show days Show the Days block if chosen.
Show hours show the Hours block if chosen.
Show minutes show the Minutes block if chosen.
Show seconds show the Seconds block if chosen.
Separator Enter the type of countdown separator, such as Colon, Dot, Dash, or leave it empty.
Show Labels Show or Hide the labels.
Label of days Enter the Label of days.
Label of hours Enter the Label of hours.
Label of minutes Enter the Label of minutes.
Label of seconds Enter the Label of seconds.
Animate On Scroll It lets you apply different types of animation to elements within each section as you scroll down the page. Learn more about scrolling animations here.
Margin Set the vertical spacing between elements.
Padding Set spacing between elements and their content.

Add other content blocks

You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.


See all content blocks available that you can add to a section.