Promo Message

This block can display a short text message, and optionally include a link to a specific page, collection, or product. It’s an effective way to increase engagement and conversions during sales.

Location: Header → Header Sections → Promo Message


Promo Message — Options Overview

Option Group

Option Name

Values / Range

Description

Layout

Top spacing

None, Small

Controls the vertical spacing above the promo message. Use Small to add light padding between this and the preceding section.

Width

Default, Boxed, Wide

Defines the content width of the promo message. Wide layout is optimized for screens 1440px and wider.

Delay before next show

0–40 minutes

Sets how long the promo message waits before appearing again after being closed. The timer starts when the close button is used.

Text

Align text relative to icon

Top, Center

Controls the vertical alignment of the text in relation to the icon.

Show icon

Hide, Image, Preset icon

Determines whether an icon is displayed, and its type. You can use a custom image or choose a preset icon from the theme’s icon library.

Icon width

20–100px

Adjusts the width of the displayed icon for visual balance.

Preset icon name

Text field

Specify the name of the preset icon when using the Preset icon option.

Text

Text area

Add the promo message content here. You can include links, discount announcements, or custom messages.

Dividing Line

Show top line

Toggle (on/off)

Displays a dividing line above the promo message for visual separation.

Show bottom line

Toggle (on/off)

Displays a dividing line below the promo message.

Background

Background type

Hide, Color, Gradient, Image

Defines the background style of the promo message section. Choose between solid color, gradient, or image background.

Colors

Base

Color picker

Sets the main text color of the promo message.

Link hover

Color picker

Defines the color of links when hovered over. Works only if the promo message includes a link.

Lines

Color picker

Sets the color for dividing lines (if enabled).

Icon

Color picker

Sets the color for the displayed icon or preset symbol.

Close button

Color picker

Defines the color of the close (×) button for better visibility and theme consistency.


Notes

  • The Promo Message section is typically used to display temporary announcements, discount information, or promotional banners.

  • The Delay before next show option helps prevent the message from appearing too frequently, enhancing user experience.

  • You can customize icon styles, message alignment, and background design to match your store’s branding.

Last updated