Slideshow banner product settings

Setting Description
Color scheme

Apply Color Scheme:

  • After creating your color schemes in the 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
Full width

Enable this option to make the banner full width.

If you prefer the banner to display with side paddings, leave this option disabled.
Loop The Loop setting enables users to scroll slides left or right indefinitely using a mouse or touchpad.
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).
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.

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.

Accessibility


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

Slide padding

Setting Description
Top padding The 'Top padding' setting allows you to adjust the amount of space at the top of the banner slide. 
Bottom padding The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the banner slide. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the  banner slide 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  banner slide for mobile devices.

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