# Promotion banner

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(53)_ntsOj9aV.jpg)

<Hint type="info">

This section is available in ✨ **Zest version 9.0.0 and later**. See our [Changelog](/zest-theme/changelog)

</Hint>

Create bold, eye-catching announcements to highlight offers, seasonal campaigns, or storewide events with the **Promotion Banner** section. With flexible layouts and high-impact typography, this section is perfect for capturing customer attention and driving conversions.

## How to add a Promotion banner **section** to your Shopify store

<Hint type="success">

**Steps:**

1. In the theme editor **(Customize)** > click **Add section**
2. Select **Promotion banner**.
3. Make necessary changes.
4. **Save** the settings.

</Hint>

## How to edit a Promotion banner **section**

### Section settings

<Table widths="210,auto">

| Setting | Description |
| --- | --- |
| **Container** | Choose between **Fixed width** or **Full width** layout |
| **Color scheme** | Apply pre-defined color scheme. Learn more: [Colors & Color schemes](https://docs.foxecom.com/zest-theme/theme-settings/colors-and-color-schemes) |

</Table>

### Block settings

Each Promotion Banner can contain **2 text blocks** side by side:

* Each block has its own **heading**, **subheading**, and **body text**.
* Customize typography size, color, alignment, and width per block.
* Use *italics* or **bold** for visual emphasis.
* Insert call-to-action buttons with custom text (e.g. “Shop the Sale”).

![image](https://docs-assets.foxecom.app/zest-theme/image_uJfRY1G0.png)