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.

• 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).

Each image card promotes a category, product, or collection:

• Image: Upload the promotional image.
• Link: Direct customers to a collection or product page.
• Content alignment: Align the text overlay (Left, Center, Right).
• Heading: Add the title (e.g., "Moisturizers").
• Highlight styles: Optional highlight or animate key words.

• Heading size: Control heading font size.
• Text (optional): Add a short supporting line.

✅ Tip: Keep headings short for clean, scannable tiles.