Scrolling banner

Overview:

The Scrolling Banner Section adds an interactive, marquee-style scrolling display to your Shopify store. This feature showcases banners with headings, optional images, and links in a visually dynamic manner. It supports various customization options, including text styles, scrolling speed, and direction, making it a versatile design element.

Section Configuration:

General Settings

Setting	Description
Heading Size	Sets the size of the text within the banners. Options: Small, Medium, Large, X-Large. Default: Large.
Heading Weight	Determines the font weight of the text. Options: Bold, Semi-Bold, Medium, Normal, Light. Default: Light.
Full Width	Extends the section to occupy the full page width. Default: Disabled.
Color Scheme	Sets the color scheme for the section. Default: Scheme2.

Scrolling Behavior

Setting	Description
Scroll Speed	Adjusts the speed of the scrolling text. Range: 1-30 seconds. Default: 15.
Scroll Direction	Sets the direction of the scrolling content. Options: Forward, Backward. Default: Backward.
Pause on Hover	Stops the scrolling animation when the cursor hovers over the section. Default: Disabled.

Spacing

Setting	Description
Top Padding	Adds spacing above the section. Range: 0-100px. Default: 0px.
Bottom Padding	Adds spacing below the section. Range: 0-100px. Default: 0px.

Block Configration:

Each block represents an individual scrolling banner.

Setting	Description
Image	Upload an image to display alongside the text. Optional.
Heading	Add a heading to the banner.
Link URL	Adds a clickable link to the banner.
Open in New Window	Opens the link in a new tab. Default: Disabled.
Stencil Text	Enables stencil-style text formatting. Default: Disabled.