Slideshow settings

Setting Description
Layout 
  • Full width: The image banner will span the full width of the page.
  • Grid: The image banner will be sized to match the container of other sections.
Slide height

Choose slide height from the dropdown list:

  • Adapt to first image: All images in the carousel will match the height of the first image.
  • Small
  • Medium
  • Large
Pagination style

Three different styles can be used for pagination styles, try to choose the best solution for your design:

  • Dots
  • Counter
  • Numbers

Navigation to rotate slides is displayed at the bottom of the section.

Auto-rotate slides (if enabled) Set the carousel to play automatically.
Auto-rotate slides (if disabled) The images are static, and you can rotate slides using slideshow navigation (dots, numbers, or arrows).
Change slides every Choose in seconds how frequently your slides cycle. The range is from 3 to 9 seconds.

Animations


Setting Description
Image behavior 

Choose how the image behaves:

  • None
  • Ambient movement: This creates a subtle, slow movement effect, making the image appear dynamic.

Mobile layout 


Setting Description
Show content below images on mobile Enabling this option will display text after the image on mobile screens. Disabling it will place the text directly on top of the image on mobile screens.

Accessibility


Setting Description
Slideshow description Enhance accessibility by providing a description for your slideshow, catering to visually impaired customers.

Color scheme

Setting Description
Color scheme

Choose the right color scheme from the list for the section.

Applying a color scheme to a slideshow banner automatically updates all associated colors set in the theme settings according to the created color schemes.


Section padding


Setting Description
Top padding The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. 
Bottom padding The 'Bottom padding' setting functions similarly to the “Top padding” setting, but controls the space at the bottom of the section. 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us