Countdown Banner - Shopify Section

Countdown Banner — Shopify Section

Add a sense of urgency to your promotions with this fully customizable timer banner section. Install it in seconds into any Shopify OS 2.0 or Horizon-based theme and configure everything directly from the visual editor, no code required.

What you get

An eye-catching banner displayed at the top (or anywhere) of your store, composed of three elements: a call-to-action text, a real-time countdown (days / hours / minutes / seconds), and a clickable button to your promotion.

Full Customization in the Visual Editor

• Start and end dates configurable with separate menus (day, month, year, hour, minute)
• Automatic visibility. The section hides before the start date and/or after the countdown expires
• 4 adjustable colors. Background, text, button, button text
• Theme fonts. Uses the theme's font list, with override option
• Size of each element individually adjustable (text, numbers, labels, button)
• Timer style. Option to display a "card" background behind the numbers, with choice of shape (square, rounded, pill) and color
• Button shadow. 4 intensities to choose from (none, light, medium, pronounced)
• Adjustable top and bottom inner margins
• Fully configurable URL and button, with option to open in a new tab

1-step Installation

Drop the .liquid file into your theme's sections/ folder. The section immediately appears in the editor under the name "Timer banner".

Compatibility

Shopify OS 2.0+ and newer themes (Dawn, Prestige, Impulse, Focal, Warehouse, Horizon, etc.) · Vanilla JavaScript, no dependencies · Mobile responsive included · Can be added up to 2 times per page