Countdown Timer
The Countdown Timer block creates a high-impact promotional section that combines rich media with urgency-driven content—ideal for flash sales, product launches, or limited-time offers. It features a two-column layout: one for visual media and one for text-based calls to action.
Settings
- Enable full width: Expand the block to 100% of the viewport width.
- Block class: Custom CSS class for spacing or layout overrides.
- Background: Set a solid or gradient background color.
- Or, use image: Apply a background image using a preset from Theme Settings → Style scheme settings → Background Image Schema.
All four settings above follow: Blocks → Overview → General Settings
- Horizontal alignment: Align the entire block content—
Left,Center, orRight. - Vertical alignment: Vertical positioning within the container—
Top,Center, orBottom.
Child Blocks
The block is divided into two responsive columns:
Media Column
Display engaging visual content on one side:
Image
Static product or lifestyle image. Settings follow Blocks → Basic Block → Stars
Video
Embedded or self-hosted video (e.g., MP4, YouTube). Settings follow Blocks → Basic Block → Video.
3D model
Interactive GLB/GLTF model for immersive product viewing. Settings follow Blocks → Basic Block → 3D Model.
Text Column
Drive action with time-sensitive messaging:
Heading
Promotional headline (e.g., “Flash Sale Ends Soon!”). Settings follow Blocks → Basic Block → Heading.
Text
Supporting description or terms. Settings follow Blocks → Basic Block → Text.
Button
Primary call-to-action (e.g., “Shop Now”). Settings follow Blocks → Basic Block → Button.
Discount code
Display and allow copying of a promo code. Settings follow Blocks → Basic Block → Discount code.
Countdown Timer
Dynamic countdown to a target date/time (e.g., “02:18:45”). Settings follow Blocks → Basic Block → Countdown Timer.
💡 Tip: Use this block above the fold on your homepage or in email campaign landing pages to maximize conversion during time-limited promotions.