GoodSection

Countdown announcement bar

Promo bar with H/M/S countdown. HTML + CSS + scoped JS export (fixed-duration localStorage).

CONTENT

MAIN TEXT

ICON

Timer

TEXT BEFORE TIMER

Text Expired

TIMER MODE

HOURS

MINUTES

SECONDS

Labels Timer

HOURS LABEL

MINUTES LABEL

SECONDS LABEL

CTA

👁 Display

BAR STYLE

ALIGNMENT

MOBILE TIMER

Border

Shadow

COLORS

BAR BACKGROUND

MAIN TEXT

BACKGROUND TIMER

NUMBERS TIMER

Labels Timer

BORDER TIMER

CTA BACKGROUND

CTA TEXT

GLOBAL BORDER

Shadow

⬡ Dimensions

FONT

DESKTOP TEXT — 14px

MOBILE TEXT — 13px

NUMBERS TIMER — 18px

Labels Timer — 10px

TEXT / TIMER GAP — 20px

TIMER BLOCK GAP — 8px

VERTICAL PADDING — 14px

HORIZONTAL PADDING — 20px

MAX WIDTH — 1200px

RADIUS BAR — 0px

Radius timer — 8px

TIMER BORDER WIDTH — 1px

Section spacing

Top padding

14px

0px160px

Bottom padding

14px

0px160px

Special offer ending soonEnds in

09Hours

59Minutes

59Seconds

Ready to add to Shopify

Copy the code and paste it into a Custom Liquid section.

1Open Shopify
2Online store → Themes → Customize
3Click Add section
4Choose Custom Liquid
5Paste the code and save