Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Quick Add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Variant swatches
      • Fixed buy buttons
      • Replacing “Add to cart”
  • Collections
    • Variant filtering
    • Disabling Quick add
  • Sitewide
    • Using device specific visibility
    • Dynamic discount popups
    • Creating a Mapbox API key
    • Designing your menu
  • Migrating custom changes
  • Templates
    • Collection template
      • Customizing Filters
      • Adding Tag Filtering
      • Adding Nested Menu
      • Collection Blocks
  • Product template
    • Dynamic variant images
    • Gift cards
    • Quantity picker
    • Subscription options
    • Sibling products
    • Bundled products
    • Custom fields
    • Content drawers
  • Blog template
  • Sections
  • Sections
    • Featured product
    • Slideshow
    • Email sign-up
    • Video
    • Alternative banner
    • Alternative collection grid
    • Banner
    • Blog posts grid
    • Collage
    • Collapsible content
    • Collection list grid
    • Collection list slider
    • Comparison table
    • Contact form
    • Countdown
    • Custom liquid
    • Discount banner
    • Featured collection grid
    • Featured collection slider
    • Icon grid
    • Image comparison
    • Image hotspot
    • Logo list
    • Navigation slider
    • Recently viewed
    • Rich text
    • Slider
    • Store locator
    • Testimonials
    • Cart drawer
    • Header
  • General
    • Changelog
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections

Countdown

Section overview

The Countdown section provides a dynamic timer that counts down to a specific date, perfect for creating urgency around limited-time offers, promotions, or events on your Shopify store.

Common use cases

  • Highlight time-limited sales or promotions

  • Create urgency for product launches or pre-orders

  • Display countdown to seasonal events or holidays

  • Showcase limited availability for exclusive products

Usage tips

  • Set a realistic countdown date that aligns with your marketing campaigns

  • Use clear, action-oriented text that explains what happens when the countdown ends

  • Include a call-to-action button that directs customers to the relevant offer or collection

  • For mobile responsiveness, adjust the width settings for mobile displays to ensure the countdown timer remains legible on smaller screens

  • Avoid setting countdowns too far in advance as this may reduce the sense of urgency

  • If using an image alongside the countdown, ensure it visually reinforces the promotion's message

Section settings

Setting
Description

Countdown date

The target date that the timer counts down to

Top spacing

Controls the padding space above the section (0-300px)

Bottom spacing

Controls the padding space below the section (0-300px)

Color scheme

Determines the background and text color of the section

Border color

Sets the color of any borders in the section (subtle or strong)

Button color

Determines the style and color of the button in the countdown block

Border position

Controls where borders appear (none, top, bottom, or both)

Vertical alignment

Sets how blocks align vertically within the section (top, middle, bottom)

Visibility

Controls whether the section appears on all devices, only mobile, or only desktop

Block settings

Countdown

The Countdown block displays the main timer functionality with optional heading, content, and button. Limited to 1 per section.

Setting
Description

Heading

The title text that appears above the countdown timer

Content

Descriptive text that provides context for the countdown

Button label

Text displayed on the call-to-action button

Button URL

The destination page when the button is clicked

Desktop width

Controls how much horizontal space the block occupies on desktop (1-12/12)

Mobile width

Controls how much horizontal space the block occupies on mobile (1-12/12)

Horizontal alignment

Sets the alignment of content within the block (left, center, right)

Image

The Image block allows you to add a visual element alongside the countdown timer. Limited to 1 per section.

Setting
Description

Image

The visual to display next to the countdown timer

Desktop width

Controls how much horizontal space the image occupies on desktop (1-12/12)

Mobile width

Controls how much horizontal space the image occupies on mobile (1-12/12)

Last updated 1 month ago

Was this helpful?