Hyper Theme
Hyper Theme
Theme Sections

Countdown timer

2 min read
image

A countdown clock for promotion/new collection release can bring excitement to customers that have been waiting for the event.

How to add a Countdown timer section to your Shopify store

Steps

  1. In the theme editor (Customize), click Add section.
  2. Locate Countdown timer.
  3. Make necessary changes.
  4. Save.

How to edit a Countdown timer section

Section settings

General settings

Pick a Background image for the timer and set the opacity for it in the Image overlay opacity range.

image

Content settings

Change the Content alignment (Left/Center/Right) and then align the text inside - Text alignment (Left/Center/Right).

image

Block settings

You can choose to add more elements to the Countdown timer section:

Add the following predefined custom classes for the image's floating effects:

  • media-mover
  • media-mover-slower
  • media-mover-reverse
image
Last updated