Scrolling banner
Scrolling banner:
The Scrolling banner is a dynamic section displaying moving content. It can be used to showcase discounts, highlight up-to-date information, or provide brief descriptions of exciting updates throughout the entire store.
Configure the Scrolling banner:
- Go to “Customize Theme.”
- At the top of the page, click on the dropdown to select the Home page template.
- From the left side menu, select "Scrolling banner"
- Customize this section using the settings shown in the following table.
Customize section settings:
| Settings | Description |
| Speed | Set the rotation time between 1 and 30 seconds for the Logo list. |
| Direction | Choose scrolling banner direction like Right to Reft(default) OR Left to Right. |
| Pause on hover | Enabling this option will stop scrolling when a user hover-over this section. |
| Full screen width | Select the checkbox to display the scrolling banner in full width. |
| Show border | Select the checkbox to show/hide the border line in the scrolling banner. |
| Show Separator | Displays dividers between each banner item. |
| Make Font Size Same | Forces all text items in the banner to use the same font size. |
| Color scheme | Choose a set of colors to apply to this section. |
| Section spacing | Add space to the top or bottom of the Utility bar. Use the range slider to add between 0px and 100px of space to the top or bottom of your Utility bar. Adjust as needed for a polished look. |
Block Setting
| Setting | Description |
|---|---|
| Text | The main text content to display in the scrolling banner. |
| Image | Optional image displayed next to the text. |
| Image Frame Type | Style of the image (circle, square, or landscape). |
| Link | Optional link for the banner item. |
| Open in New Window | Opens the link in a new browser tab when clicked. |
| Stencil Text | Applies a stencil effect to the text for stylized appearance. |