Countdown is a Shopify theme block in the Section Star library. Add a countdown timer to your section to create urgency and boost conversions. Add to any section that supports Theme Blocks.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the block is published.
Grid Design
Set the design for the countdown grid
| Setting | Type | Default |
|---|---|---|
| Text Size | Range | 20 |
| Show Days | Checkbox | On |
| Show Seconds | Checkbox | On |
| Timer Color | Color | #111 |
Timer Display
Set display of the timer
| Setting | Type | Default |
|---|---|---|
| Timer Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #f0f… |
| Grid Spacing | Number | 5 |
| Round Borders | Range | 5 |
| Subtle Shadow | Checkbox | Off |
Content
Set date and text for the block
| Setting | Type | Default |
|---|---|---|
| Headline | Inline rich text | <b>Save 20%. Act fast!</b> |
| Text | Inline rich text | This is a limited time deal. Use code… |
| End Date (mm/dd/yyyy) | Text | — |
| End Time (HH:MM AM) | Text | 12:00 AM |
| Days Text | Text | days |
| Hours Text | Text | hrs |
| Minutes Text | Text | mins |
| Seconds Text | Text | sec |
| Desktop CSS | Liquid | — |
| Mobile CSS | Liquid | — |
How to add this block to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and find “Countdown” in the blocks library.
- Publish it to the theme you want to use it in.
- In the Shopify theme customizer, add the block inside a compatible section.
- Configure it with the settings listed above.