Slideshow

Location- Customiser > Template > Slideshow

Slideshow Overview

The Slideshow section helps in rendering visually engaging content mainly in the form of slides, within your site.

Slideshow Settings

Slide

Color Scheme: Enables you to customize and set the color scheme applied to the slideshow section and its content.

Container Size: Controls the width of the slideshow container.

Autoplay: When enabled, it automatically transitions between slides without user interaction.

Loop: When enabled, the slideshow continuously cycles through all slides over and over.

Slide Speed (ms): Specifies the duration, in milliseconds, between automatic slide transitions.

Navigation: Toggles the display of the previous and next navigation controls for the slideshow.

Navigation Style: Controls the placement of the navigation controls within the slideshow based on the set style.

Navigation Layout: Determines the shape of the navigation buttons.

Pagination: Toggles the display of pagination indicators for navigating between slides.

Pagination/Navigation Alignment: Sets the horizontal alignment of the pagination and navigation controls.

Banner Height: Controls the height of the slideshow slide(s) on mobile devices.

Border Radius

Desktop: Adjusts the corner roundness of the slideshow slide(s) on desktop devices.

Mobile: Adjusts the corner roundness of the slideshow slide(s) on mobile devices.

Banner extra layer

Style: Selects the decorative overlay style displayed at the bottom of the slideshow banner. This can either be set to none, a product, or Marquee text.

1st Marquee Text Font: Specifies the font used for the first marquee text when the Marquee block is added to the Slideshow, and the Marquee style is enabled.

2nd Marquee Text Font: Specifies the font used for the second marquee text when the Marquee block is added to the Slideshow, and the Marquee style is enabled.

Marquee size: Controls the size of the marquee text.

Section Spacing

Top: Adjusts the amount of spacing above the slideshow section.

Bottom: Adjusts the amount of spacing below the slideshow section.