Collection list slider 🔥
A guide to set up a collection list slider.
Last updated
A guide to set up a collection list slider.
Last updated
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.
Adjust the Container type (Fixed width/ Full width/ Stretched width), and Color scheme.
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.
Choose the Image ratio you prefer for the Large image:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
Choose the Image ratio you prefer for the Collection card:
Adapt to first image
Square (1:1)
Portrait (3:4)
Landscape (4:3)
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.
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.
