Slideshow control settings

Overview #

The Slideshow control settings manage the overall functionality and appearance of slideshows within the theme. These settings are applied across the site to ensure a consistent look and feel but can be customized at the section or block level if needed. They allow you to control aspects such as animation style, speed, autoplay, and navigation, enhancing the visual engagement of your site.

Key components and functionality #

Animation style

This setting allows you to choose the style of animation for the slideshow transitions. The available options are:

1. Default: The standard animation style.
2. Fade: A smooth fading transition between slides.

Default: Default

Animation speed

This setting controls the speed of the animation transitions between slides. You can set a value between 0.1 and 5 seconds, with increments of 0.1 seconds.

Default: 0.8 seconds

Autoplay delay

This setting determines the delay between slides when autoplay is enabled. You can choose a delay between 0 and 10 seconds, with increments of 1 second.

Default: 4 seconds

Autoplay slideshow

This checkbox enables or disables the autoplay feature for the slideshow. When enabled, the slideshow will automatically transition between slides.

Default: Disabled

Controls position vertical

This setting allows you to position the slideshow controls either above or below the content.

1. Above content: Controls are positioned above the slideshow content.
2. Below content: Controls are positioned below the slideshow content.

Default: Above content

Pagination style

This setting lets you choose the style of pagination for the slideshow. The available options are:

1. Dynamic: Pagination adapts based on the number of slides.
2. Fraction: Displays the current slide number and total number of slides.
3. Progress bar: A visual progress bar indicating the slideshow's progress.
4. Scrollbar: A scrollbar for navigating through slides.

Loop slides

This checkbox enables or disables the looping of slides. When enabled, the slideshow will continuously loop back to the first slide after the last one.

Default: Disabled

Show navigation

This checkbox controls the visibility of navigation controls for the slideshow, allowing users to manually navigate between slides.

Default: Enabled

Show pagination

This checkbox determines whether pagination indicators are displayed, showing the number of slides. Note that pagination is not shown when the fade animation style is selected.

Show preview of next slides

This checkbox allows a preview of the next slides to be shown, providing a glimpse of upcoming content. This feature is not applicable with the fade animation style.

Default: Enabled

Usage examples #

1. Creating a dynamic slideshow: You might consider using the dynamic pagination style and enabling autoplay with a short delay to create an engaging, self-running slideshow that adapts to the number of slides.

2. Highlighting key features: You might consider setting the animation style to fade and disabling autoplay to allow users to manually navigate through slides, focusing on each slide's content.

3. Continuous product showcase: You might consider enabling loop slides and autoplay to create a continuous loop of product images, ensuring constant visibility of your offerings.