Slideshow settings

Overview #

The Swiper settings group is designed to manage the core theme settings related to slideshow animations and behaviors. These settings control the overall look and feel of the shop's slideshows, providing options for animation styles, autoplay functionality, and more. They are applied throughout the theme but can be customized at the section or block level if needed.

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: This is the standard animation style.
2. Fade: Provides a smooth fading transition between slides.

Default: Default

Autoplay slideshow

This setting enables or disables the automatic progression of slides in the slideshow. When enabled, the slideshow will automatically move to the next slide after a set delay.

Default: False

Autoplay delay

This setting determines the delay between slides when autoplay is enabled. The delay can be set between 0 to 10 seconds, allowing you to control how quickly the slides transition.

Default: 4 seconds

Animation speed

This setting controls the speed of the animation transition between slides. You can set the speed from 0.1 to 5 seconds, allowing for either quick or slow transitions.

Default: 0.8 seconds

Loop slides

This setting allows the slideshow to continuously loop back to the first slide after reaching the last one. Enabling this can create a seamless viewing experience.

Default: False

Show preview of next slides

This setting enables the display of a preview of the next slides in the slideshow. This feature is not applicable when the fade animation style is selected.

Default: True

Usage examples #

1. Creating a seamless slideshow experience: You might consider enabling the Loop slides setting to ensure that your slideshow continuously cycles through images without interruption. Pair this with a moderate Autoplay delay to maintain viewer engagement without overwhelming them.

2. Highlighting key visuals: You might consider using the Fade animation style for a smooth transition effect that can add a touch of elegance to your slideshow, especially when showcasing high-quality images or important announcements.

3. Dynamic presentations: For a more dynamic presentation, you might consider enabling Autoplay slideshow with a shorter Autoplay delay and a faster Animation speed to quickly cycle through a series of images or messages.

These settings provide flexibility in how slideshows are presented, allowing you to tailor the experience to fit the aesthetic and functional needs of your shop.