Slideshow

To add this section, please follow the below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Slideshow".

Setting
Description

Content block width

Select the section width from the dropdown menu:

  • Page width

  • Custom width

Custom width

Determines the width of the section when you choose 'Custom width' option at 'Content block width' setting . Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel)

Desktop layout

Setting
Description

Desktop height

Select the desktop height from the dropdown menu:

  • 750px

  • Full screen

  • Adapt to first image

Mobile layout

Setting
Description

Mobile height

Select the mobile height from the dropdown menu:

  • 550px

  • 650px

  • Full screen

  • Adapt to first image

Colors

Setting
Description

Color scheme

Select a color scheme to set the text and background colors for the section.

Setting
Description

Enable arrows

Display arrows on devices:

  • None

  • On every device

  • Only on desktop

  • Only on (desktop, tablet)

  • Only on (tablet, mobile)

  • Only on mobile

Enable infinite scroll

Select this option if you want the images to scroll infinitely

Enable autoplay

Enable/disable checkbox

Color for autoplay

Set the color for the button autoplay.

Change slides every

Determines the time to change slides. Can be from 3s to 10s, increasing arithmetically of 1s (second)

Enable pagination

Display pagination on devices:

  • None

  • On every device

  • Only on desktop

  • Only on (desktop, tablet)

  • Only on (tablet, mobile)

  • Only on mobile

Pagination type

Display pagination type on devices:

  • None

  • Dots

  • Fraction

  • Number

Animations

Setting
Description

Image behavior

Select the image behavior from the dropdown menu:

  • None

  • Ambient movement

  • Zoom in on scroll

Accessibility

Setting
Description

Slideshow description

Add text to describe the slideshow for customers using screen readers. (Describe the slideshow for customers using screen readers)

Last updated