Appearance
Set up carousel and slideshow layouts
This guide describes how to set up carousel and slideshow layouts for Exhibit theme.
Slideshow and carousel layouts are similar, but have the following difference:
- Slideshows display one tile at a time.
- Carousels display multiple tiles at a time.
Carousels
Use Exhibit's carousel sections to create custom carousel layouts on your store's pages.
The following video shows an example of a carousel section.
Carousel sections
Exhibit provides a carousel layout in the following sections:
- Collection carousel
- Collection list carousel
- Image carousel
- Products carousel
- Video carousel
- Main collection carousel (available only on the Collection page template).
- Product media carousel (available only on Product page template).
Carousel settings
The following settings are available to all carousel sections.
Setting | Description |
---|---|
Width of items on mobile | Adjust the number of columns displayed on mobile devices. |
Width of items on desktop | Adjust the number of columns displayed on desktop devices. |
Snap alignment | Snap items in a carousel to the start (left) or center of the screen. |
Align items | Align the tiles in a carousel. The default is set to Top. |
Slideshows
Use Exhibit's slideshow sections to create custom slideshow layouts on your store's pages.
The following video shows an example of a slideshow section.
Slideshow sections
Exhibit provides a slideshow layout in the following sections:
- Collection list slideshow
- Collection slideshow
- Image slideshow
- Products slideshow
- Video slideshow
- Main collection slideshow (available only on the Collection page template).
- Product media slideshow (available only on the Product template).
Slideshow settings
The following settings are available to all slideshow sections.
Setting | Description |
---|---|
Section height | Set the height of the slideshow. Default is set to Adaptive full screen which uses the Header and Hero sections to calculate the available screen height. |
Max width of slides on desktop | Adjust the maximum width of slides on desktop devices. The default is set to 80% of the screen's width. |