Brickspace Lab
Contact usContact ShopifyTry a theme
Keystone
Keystone
  • Keystone documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Prices
      • Quick add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Custom content for tables
      • Replace "Add to cart"
      • Disable quick add
    • Wholesale
      • Wholesale basics
      • Account restrictions
    • Color and option swatches
    • Device specific visibility
    • Discount popups
  • Templates
    • Collection template
    • Product template
    • Blog template
    • Article template
  • Sections
    • Global Sections
      • Header
      • Footer
      • Navigation links
      • Announcement
      • Cart drawer
      • Account drawer
      • Search drawer
      • Menu drawer
    • Media & Promotional
      • Slideshow
      • Video
      • Split banner
      • Marquee
      • Image hotspot
      • Countdown
      • Discount
      • Banner
      • Slider
      • Testimonial slider
      • Search banner
    • Product & Collection Displays
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Content & Marketing
      • Rich text
      • Blog posts grid
      • Testimonial grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
    • Utility & Custom
      • Custom liquid
      • Tool tip
      • Store locater
    • Forms & CTAs
      • Email sign-up
      • Sign-up form
      • Contact form
  • General
    • Changelog
      • v1.3.0
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
    • Cloning a demo theme
      • Knit
      • Kingpin
      • Kindred
      • Kettle
      • Kaleidoscope
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections
  2. Media & Promotional

Countdown

Section overview

A Countdown section that displays a dynamic timer counting down to a specific date, ideal for limited-time offers and promotions.

Common use cases

  • Product launches and pre-orders

  • Limited-time sales and promotions

  • Event countdowns

  • Holiday and seasonal offers

Usage tips

  • Set a realistic end date that creates urgency without misleading customers

  • Pair the countdown with compelling copy explaining the limited-time offer

  • For mobile, consider using the center alignment option for better visibility

  • Avoid using too many countdown sections on the same page as it may reduce their impact

Section settings

Setting
Description

Countdown date

The target date for the countdown timer

Heading

The title displayed above the countdown

Content

Custom text content displayed below the heading

Button label

Text displayed on the optional button

Button url

Link destination for the button

Top spacing

The amount of space above the section (0-300px)

Bottom spacing

The amount of space below the section (0-300px)

Color scheme

The color palette applied to the section

Border color

Color of the section border

Button color

Color style for the section's button

Border position

Position of the border around the section

Horizontal alignment

Controls alignment of the section's content (left, center, or right)

Enable margin

Toggles horizontal margin for the section

Enable split

Enables a split-column layout for the header and countdown

Visibility

Controls device visibility (all devices, mobile only, or desktop only)

Block settings

This section does not contain any blocks.

Last updated 1 month ago

Was this helpful?