Banner slideshow

Overview:

The Banner Slideshow section is designed to showcase images or videos in a dynamic, customizable slideshow. This section includes various settings to control the layout, appearance, and functionality of the slideshow, making it a versatile component for any storefront.

Section Configuration:

Layout Settings

Setting	Description
Carousel Height	Select the height of the slideshow. Options include Small, Medium, and Full Window Height.
Color Scheme	Choose a color scheme for the slideshow that aligns with your store's branding.

Slideshow Behavior

Setting	Description
Auto Play	Toggle to automatically start the slideshow when the page loads.
Slide Type	Choose between a fading effect or a sliding effect for slide transitions.
Show Navigation Arrows	Toggle to display navigation arrows allowing users to manually move between slides.
Show Pagination Dots	Toggle to display pagination dots for navigating between slides.
Change Slides Every	Set the interval (in seconds) between automatic slide transitions.

Blocks Configuration:

Slide Block

Setting	Description
Image	Upload an image to display as the slide background.
Video	Optionally upload a video to use as the slide background.
Desktop Container	Toggle to enable or disable a content container on desktop view.
Mobile Container	Toggle to enable or disable a content container on mobile view.
Max Content Size	Set the maximum width of the content within the slide as a percentage.
Content Position	Select the position of the content within the slide: Top Left, Top Right, Centered, Bottom Left, or Bottom Right.
Heading	Add a heading to the slide. Defaults to "Talk about your brand".
Heading Size	Choose the size of the heading text: XX-Large, X-Large, Large, or Medium.
Description	Add descriptive text to the slide.
Text Size	Choose the size of the description text: Small, Medium, Large, or X-Large.
Button Text	Set the text for the button on the slide.
Button URL	Define the URL that the first button will link to.
Button New Window	Toggle to open the second button link in a new window.
Text Alignment	Set the alignment of the text on desktop view: Left, Center, or Right.
Mobile Text Alignment	Set the alignment of the text on mobile view: Left, Center, or Right.
Color Scheme	Choose a color scheme for the text and buttons within the slide.

Note- Each slide block allows you to add content to the slideshow. You can add up to 9 slide blocks.