What is the scrolling banner section?
The Scrolling banner is a line of moving content that can be used to showcase breaking news, highlight up to date information or briefly describe exciting updates across the entire store. The content can be a combination of text, icons, images and buttons.
How to set up the scrolling banner section
Steps
- Open the Theme Editor and under Template, add the Scrolling banner section.
- Adjust the Layout settings to choose the Section height and block spacing.
- In the Scrolling settings, there are three important settings to consider:
Speed: Use the slider to increase or decrease the speed that the content scrolls. The more content that is entered, the faster the banner will scroll.
Direction: Right to left or Left to right can be selected.
Pause on hover: Tick this checkbox to enable the scrolling banner to be paused on desktop when a user hovers over it.
- In the Style setting, a Color scheme can be selected, go to Theme settings > Colors > Section color scheme to change this.
- Choose the existing Text block or add additional Button, Icon, Image or Text blocks.
- If the Button block is used, the Button style can be selected. If a color scheme has been previously selected, the buttons will display these colors - refer to step four above. If the color scheme None has been selected, then the colors set in Theme settings > Colors > Primary button & Secondary button will show.
Speed Considerations
In the SEO settings, there is an option to Load the section without animation. Enabling this may help to increase speed scores.
In addition you may wish to consider not having the Scrolling banner as the first section, as this could marginally impact the page loading speed.
FAQs
Why does my banner not pause-on-hover on mobile?
The Pause on hover setting is specifically for desktop users. Mobile users will still be able to click on any of the links and buttons, but on mobile touch screen devices, hovering isn't possible.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us