Collection list slider 🔥
A guide to set up a collection list slider.
A Collection list slider displays a single-column carousel of selected collections, featuring a special large image for each collection to attract visitors' attention.
Steps:
In the theme editor (Customize) > click Add section
Select Collection list slider.
Save.
Section settings
General
Adjust the Container type (Fixed width/ Full width/ Stretched width), and Color scheme.
Section header
Insert the content you want in the Heading for the Collection list slider above the Collection card to grab customers' attention
Leave them blank if you do not want to display them.
You can also change the Heading size to Extra-small/ Small/ Medium/ Large/ Extra-large to make the content more visible on your website.
Large image
Choose the Image ratio you prefer for the Large image:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Collection card
Choose the Image ratio you prefer for the Collection card:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Carousel settings
In the carousel settings, you can customize the background for the navigation controls by selecting Dark/ Light/ None option in the Controls background field.
Furthermore, the configuration enables you to adjust the placement of the controls on the desktop by selecting an option in the Desktop controls position field (Left/Center/Right).
You can also change the Pagination type (Dots/Counter) to better suit your website's style.
Block settings
Add an outstanding Large image for the block to draw customers' attention and make your website look more attractive.
Select a preferable or unique Collection that you want to show on the Collection list slider.
You can also choose the Image for the Collection card.
Leave the Image field blank if you want to use the collection's image.
Use the provided text fields to add a suitable Heading for the Collection card in the Collection list slider.
Leave them blank if you do not want to display them.
Last updated
