Promo

Displays a promotional image with optional heading, text, and button to advertise offers or highlight content within your store grid layout.

You can add up to 5 promo blocks to appear within the product grid.

Settings	Type	Description
Image	image_picker	Uploads an image to display in the promo.
Layout
Show in position	range	Determines the product slot in which the promo should appear.
Width	select	Sets promo block width: Full width, 2 grid items, or Grid item.
Text
Heading	richtext	Promo headline with support for highlight styling.
Heading size	range	Adjusts promo headline size.
Highlight
Type	select	Applies special style (Underline, Circle, etc.) to italicized heading words.
Highlight color	color	Sets the decoration color for highlighted words.
Text color	color	Sets the color of highlighted text.
Text	textarea	Adds short descriptive promo content.
Text size	range	Controls promo text size.
Text color	select	Sets promo text color to Light or Dark.
Content position	select	Positions the text over the image: Top left, Center, Bottom right, and etc.
Content layout	select	Choose a layout style: Stacked or Inline.
Colors
Overlay type	select	Add an opacity or text underlay: Disabled, Opacity, or Text underlay.
Background color	color	Fallback background color if no image is used.
Show text background	checkbox	Adds a colored background behind text.
Background	color	Override color scheme for background.
Text	color	Override color scheme for text.
Button
Button text	text	Sets the button text. Leave blank to make entire image clickable.
Button URL	url	Destination link for the promo button or image.
Button color	select	Sets button color. Options: Primary, Secondary, White, or Black.
Button style	select	Select a style: Solid, Outline, Soft, Text, or Solid with border.
Size	select	Sets button size: Small, Medium, or Large.