Featured countdown timer

General

• Color scheme: Apply a custom style for the timer block.

• Background image: Upload a banner image.

• Image overlay opacity: Dim the background image for better text visibility.

• Content spacing: Adjust padding around content.

• Content position: Choose where to place the content. You can also choose the split the content.

• Content alignment: Align the content (Left, Center, Right).

Timer settings

• Countdown type:

  • Evergreen: Auto-reset timer that repeats every defined cycle.

  • Fixed time: Set a specific end date and time.

• Style:

  • Only number: Shows only numbers.

  • Number with text: Shows numbers with 'days, hours, minutes, seconds' labels.

• Number size: Adjust the size of the countdown numbers.

Fixed or Evergreen Settings

• Fixed time: Select the exact end date/time (Format: YYYY/MM/DD HH:MM or YYYY/MM/DD HH:MM AA).

For example:

• Evergreen duration: Define cycle duration (e.g.: Every 2 hours, every day, every month, etc.).

Countdown Text Content

• Card link: Paste a link or select a page from your Shopify store to link the card image and button to.

• Subheading & Heading: Add promotional text above the timer.

• Highlight styles: Animate or emphasize important words.

Learn more: Add Highlighted text to your Headings

• Heading size: Adjust size of the main heading.

• Text (optional): Add a supporting paragraph or short promotional description.

Button settings

• Button label: Add call-to-action text like "Shop Now" or "View Deals".

• Button style: Choose Primary, Secondary, Underline or Plain.

• Button icon: Add optional icons to the button.

Advanced

• Enable preload image: Optimize Largest Contentful Paint (LCP) by preloading background image for faster speed (for sections that are above the fold).