Slideshow banner settings


Setting Description
Color scheme

Apply Color Scheme:

  • After creating your color schemes in theme settings — "Colors" tab, you can apply them to different sections of your store.
  • In each section or block, you'll see a Color scheme dropdown.
  • Select the appropriate color scheme for each section, ensuring consistency with your brand's identity.
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
Loop

The Loop setting enables users to scroll slides left or right indefinitely using a mouse or touchpad.

Note: For correct work needs at least 1.5 times the number of slides as the number of visible slides

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 (arrows).
Slides per view The option allows you to configure how many slides will be displayed simultaneously on the page. You can choose to display just one slide, in which case only one slide will be visible on the page. If you select a value greater than one, one slide will be shown in the center, while parts of the previous and next slides will be visible on the left and right, respectively, depending on the selected value.
Change slides every

Adjust the interval at which slides automatically change.

The range is from 5 to 9 seconds.

Desktop content position

Middle:

  • Left: Aligns content to the middle-left.
  • Center: Centers the content in the middle of the banner (most commonly used for balance).
  • Right: Positions the content in the middle-right area of the banner.

Top

  • Left: Aligns content to the top-left.
  • Right: Positions the content in the top-right area of the slide.

Bottom

  • Left: Aligns content to the bottom-left.
  • Right: Positions the content in the bottom-right area of the slide.

Note: Position is automatically optimized for mobile.


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.

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 “Section top padding” setting, but controls the space at the bottom of the section. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.
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