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