Promo item
| Setting | Description |
|---|---|
| Color scheme | Sets the background and text colors for the promo card. To change the card color scheme, update your theme settings. |
| Position in grid | Controls at which position in the product grid this promo card appears — for example, a value of 3 places it as the third item, pushing products after it down by one slot. Range: 1–24, step 1 (default: 3). |
| Background image | The image displayed behind the promo card's heading and text. |
| Heading | Rich-text heading for the promo card. Supports bold, italic, and links. Defaults to "Promo banner". |
| Heading size |
Controls the size of the promo heading. Options: • Extra small (Default) • Small • Medium • Large |
| Heading weight |
Font weight defines the thickness or boldness of the promo heading. Available options: • Normal (400) (Default) — default weight for body text. • Medium (500) — slightly thicker, suitable for emphasized body text or light headings. • Semi-Bold (600) — heavier, ideal for subheadings or highlighted text. • Bold (700) — strongest weight for maximum emphasis. |
| Text | Rich-text body content for the promo card. Defaults to "Add promotional text here". |
| Button label | The text shown on the promo card's button. Defaults to "Button label". |
| Button link | The destination the promo button links to. Leave empty to hide the button. |
| Button style |
Controls the visual style of the button. Options: • Primary (Default) • Secondary |
| Button outline |
Controls the outline style of the button. Options: • None • Outline • Outline on hover (Default) |
Limit: 3 Promo item blocks per section — used to insert promotional cards at specific positions within the product grid.