Generate Sale Countdown Timer

Create a real-time countdown timer block for sales with animated numbers, expiry messages, and responsive sizing for any page or announcement bar.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Create a countdown timer block for sales:

Display:

  Days, hours, minutes, seconds
  Large numbers with labels below
  Animated number changes


Settings:

  End date and time picker
  Heading text (“Sale ends in…”)
  After-expiry message
  Background color
  Number color
  Label color
  Hide when expired toggle


Styling:

  Number box style (with/without backgrounds)
  Separator style (colons/none)
  Size options (small/medium/large)
  Responsive sizing


Requirements:

  Real-time countdown (JavaScript)
  Works across timezones
  Accessible (announces time changes)
  Can be added to any page or announcement bar


Generate the complete Liquid, CSS, and JavaScript for this as a theme block I can paste into my own theme.

Where to add it: In the Shopify admin, go to Online Store > Themes > Edit code, create a new file under Blocks (e.g. blocks/countdown-timer.liquid), paste the generated code in, and save. Then open the theme editor, open the section where you want the timer (a homepage section, product page, or announcement bar), and use “Add block” to insert it.

How to Use

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions