Scrolling banner

Overview:

The Scrolling Banner section allows you to create an eye-catching, animated banner that continuously scrolls text and images across the screen. This section is ideal for announcements, promotions, or any content you want to highlight prominently on your store.

Section Configuration:

Layout Settings

Setting	Description
Full Width	Enable this setting to make the banner stretch across the full width of the page.
Color Scheme	Choose a color scheme to match the banner with your store's branding.
Marquee Speed	Adjust the speed of the scrolling text (1 to 30 seconds).
Marquee Direction	Set the direction of the scrolling text: Backward or Forward.
Pause on Hover	Enable this setting to pause the scrolling text when hovered over by a user.
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 be displayed within the scrolling banner.
Hide Image	Toggle to hide the image from the banner.
Heading	Enter the main text to display in the banner. Defaults to "Your scrolling text here".
Button Text	Customize the text for the button.
Button Style	Choose the button style: Primary or Secondary.
Button Link	Set the URL that the button directs to.
Open in New Window	Toggle to open the link in a new browser tab.

Countdown Timer

Setting	Description
End Date	Set the end date for the countdown timer (format: YYYY/MM/DD).
Action on End	Choose what happens when the countdown ends: Hide the banner or display a custom message.
End Message	Enter a custom message to display when the countdown ends.