Home page sections
Countdown timer
A countdown to a sale or launch, with a heading, text and button. You choose what happens when it ends.
Settings
Section width
| Setting | What it does |
|---|---|
| WidthDropdown | Full widthDefaultCustom width |
| Custom widthSlider | Shown only when it applies to the options chosen above. |
Color scheme
| Setting | What it does |
|---|---|
| Use the store's default color schemeToggle | Toggle |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
Layout
| Setting | What it does |
|---|---|
| Layout styleDropdown | CenteredSplit — heading left, timer rightSplit (reversed) — timer left, heading right |
| Text alignmentDropdown | LeftCenterRight |
Timer settings
| Setting | What it does |
|---|---|
| End dateText | Enter as YYYY-MM-DD — e.g. 2025-12-31 |
| End timeText | 24-hour format, e.g. 23:59. Defaults to midnight. |
| TimezoneDropdown | UTCEastern Time (US)Central Time (US)Mountain Time (US)Pacific Time (US)Brasilia (BRT)Toronto (ET)London (GMT/BST)and 12 more |
| When timer endsDropdown | Hide sectionShow messageRedirect to URL |
| Expired messageText | Shown only when it applies to the options chosen above. |
| Redirect URLLink | Shown only when it applies to the options chosen above. |
Timer display
| Setting | What it does |
|---|---|
| Display styleDropdown | Solid tilesOutlined tilesFlip cardsNumbers only |
| Timer sizeDropdown | SmallMediumLarge |
| Show colons between unitsToggle | Toggle |
| UnitsDropdown | Days, hours, minutes, secondsDays, hours, minutesHours, minutes, seconds |
Urgency
| Setting | What it does |
|---|---|
| Highlight in the lastSlider | Set to 0 to turn the highlight off. |
Background
| Setting | What it does |
|---|---|
| Background imageImage | Image |
| Mobile background imageImage | Shown on mobile instead of the desktop background image |
| Enable color overlayToggle | Toggle |
| Overlay colorColour | Shown only when it applies to the options chosen above. |
| Overlay opacitySlider | Shown only when it applies to the options chosen above. |
Spacing
| Setting | What it does |
|---|---|
| Top paddingSlider | Slider |
| Bottom paddingSlider | Slider |
Blocks
Blocks are the pieces you add, remove and reorder inside the section, under Add block.
Subheading
| Setting | What it does |
|---|---|
| TextText | Text |
Heading
| Setting | What it does |
|---|---|
| HeadingText | Text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
Text
| Setting | What it does |
|---|---|
| TextRich text | Rich text |
Button
| Setting | What it does |
|---|---|
| Button labelText | Text |
| Button linkLink | Link |
| Button styleDropdown | PrimaryOutlineText only |