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
      • Product template
    • Collections
      • Collection template
    • Sitewide
      • Color and option swatches
      • Device specific visibility
      • Discount popups
      • Article template
      • Blog template
    • Wholesale
      • Wholesale basics
      • Account restrictions
  • Sections
    • Sitewide
      • Header
      • Footer
      • Announcement
      • Cart drawer
      • Search drawer
      • Menu drawer
      • Discount
      • Account drawer
      • Custom liquid
      • Store locater
    • Navigation
      • Navigation links
    • Content and Media
      • Banner
      • Image hotspot
      • Slideshow
      • Countdown
      • Slider
      • Video
      • Split banner
      • Testimonial slider
      • Search banner
      • Marquee
      • Rich text
      • Blog posts grid
      • Logo list
      • Icon grid
      • Collapsible content
      • Tabs
      • Collage
      • Testimonial grid
    • Products and Collections
      • Product grid
      • Product slider
      • Product table
      • Product comparison
      • Recently viewed
      • Collection list grid
      • Collection list slider
      • Featured product
      • Comparison table
    • Forms
      • Contact form
      • Email sign-up
      • Sign-up form
      • Tool tip
  • 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. Content and Media

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?