Promo

This section is ideal for flash sales, seasonal campaigns, or limited-time offers where urgency plays a key role.

---

The Promo section is designed to highlight time-sensitive campaigns, combining promotional content with a countdown timer to create urgency and drive conversions.

1. Our guide to set up a Promo section:

Steps:

• In the theme editor, click Add section.

• Locate Promo.

• Click Save.

2. Section settings

• Color scheme: Applies predefined colors to the section’s background and text.

• Background image: Upload an image to use as the section background for added visual impact.

• Hide block when countdown reaches zero: Automatically hides the countdown timer once it expires, keeping the section clean and relevant.

• Show divider: Displays a divider in the center, visually separating content and the countdown timer.

• Show border: Adds a border around the section for clearer separation from other content.

• Mobile layout:

  • Mobile content alignment: Controls alignment of all blocks on mobile devices to Left, Center or Right.

• Corner radius: Adjusts the roundness of the section container.

2. Text block settings

• Heading: Add the main promotional message.

• Heading size: Adjust font size for emphasis.

• Description: Provide supporting details about the promotion.

• Content alignment: Align text within the block.

• Button label & Button link: Add label and assign link for the CTA button to drive action.

• Use outline button style: Switch between solid and outline styles.

• Desktop content width: Control the maximum width of the content area.

3. Countdown timer block settings

• Countdown end date: Enter the end date in format: mm-dd-yyyy (e.g., 12-31-2026)

• Countdown end time: Enter time in format: hh:mm:ss

• Number font: Choose font style (Heading or Body) for the timer numbers.

• Show timer labels: Toggle visibility of labels (Days, Hours, Minutes, Seconds).

• Size: Scale the overall size of the countdown timer from 50% to 200%

• Color settings:

  • Use custom color: Overrides default theme colors.

  • Countdown timer color: Apply a custom color to the timer elements.