Promotion banners
Promotion banner:
This section use media to showcase promotions, products and brand visuals. The promotion banner contains many similar settings to the media grid but there are some key difference. In the promotion banner, labels can be added to advertise promotions or key events, for example 50 % off or price reduction.
How to set up the Promotional banner section?
- Navigate to customization theme. At the top of the page, click the dropdown to select the Home page template.
- Select “Promotional banner” from the left menu.
- Customize this section by using the settings described in the following table:
Customize section settings:
| Settings | Description |
| Desktop row height | You can change the row height on desktop computers. Minimum: 200 , Maximum: 400 |
| Mobile row height | You can change the row height on mobile devices. Minimum: 150 , Maximum: 300 |
| Desktop Height | Set the height of each slide on desktop (only when slideshow is enabled). |
| Mobile Height | Set the height of each slide on mobile (only when slideshow is enabled) |
| Enable Slideshow | Enable slideshow mode to scroll banners horizontally. |
| Auto Play | Automatically cycle through banners when slideshow is enabled. |
| Show Navigation Arrows | Show previous and next arrow buttons on the slider. |
| Arrows Position | Choose where the navigation arrows appear: center, top, or default. |
| Pagination | Select a pagination style: none, dots, lines, or numbers. |
| Change Slides Every | Set time interval (in seconds) for auto slide transition. |
| Full Screen Width | Stretch the section across the full width of the screen. |
| Enable Custom Spacing | Enable custom horizontal spacing between banner slides |
| Custom Gap | Adjust spacing (in px) between banner cards when custom spacing is enabled |
| Color Scheme | Choose a color scheme for this section. |
| Section spacing | Add space to the top or bottom of the Section. Use the range slider to add between 0px and 100px of space to the top or the bottom of your Section. |
Block settings:
| Settings | Description |
| Image | Select any image to display. |
| Upload Video | Upload a video instead of an image (optional). |
| Button label | The text that displays on the button. |
| Button Type | Choose between primary or secondary button styles. |
| Button position | The position of the Button in the promotional banner in the container. Choose between Bottom right (default), Bottom left, Top left and Top right. |
| Button link | The URL that you want the button to internal/external link to.
|
| Open in New Window | Open the banner link in a new browser tab. |
| Color scheme | A set of colors that you can apply to this section. |
| Layout Settings | Note - The layout settings will only apply to Desktop.
|
