Promotion banners
Overview:
The Promotion Banners section is designed to display a grid of promotional banners, each with an optional button, link, and customizable layout. This section is ideal for highlighting special offers, featured products, or important announcements in a visually engaging way.
Section Configuration:
Grid Settings
| Setting | Description |
|---|---|
| Desktop Row Height | Set the height of each row on desktop devices (200 to 400 pixels). |
| Mobile Row Height | Set the height of each row on mobile devices (150 to 300 pixels). |
Spacing Settings
| Setting | Description |
|---|---|
| Top Padding | Adjust the padding at the top of the section (0 to 100 pixels). |
| Bottom Padding | Adjust the padding at the bottom of the section (0 to 100 pixels). |
Blocks Configuration:
Banner Block
| Setting | Description |
|---|---|
| Image | Upload an image to display within the banner. |
| Button Label | Enter the text for the button displayed on the banner. |
| Button Style | Choose the style of the button: Primary or Secondary. |
| Button Position | Select the position of the button on the banner: Bottom Center, Bottom Right, Bottom Left, Top Right, or Top Left. |
| Button Link | Define the URL that the button will link to. |
| Open Link in New Window | Toggle to open the button link in a new window. |
| Columns | Set the number of columns the banner will span (1 to 6 columns). |
| Rows | Set the number of rows the banner will span (1 to 4 rows). |
| Color Scheme | Choose a color scheme for the banner to match the overall design. |