How to configure section Main Collection List
The collection list displays a quick list of desired collections to catch visitors' attention.
- In the theme editor (Customize), Select Collections List. click section
Main Collection List, Click the block you want to edit. Here you can make the necessary configurations. - Section
Main Collection Listonly works on template list collections (Collection list page).
Collection Settings
In the theme editor (Customize), Select Collections List. click section
Main Collection List, then locate Collection Settings. Here you can make the necessary configurations.
- Skin : Choose skin for collections.
- Hover style : Select hover style for image when hovering.
- Hover effect : Select image effect when hovering.
- Aspect Ratio : Configure aspect ratio for collections images.
- Image Size : Configure image size for collections. See more about the sizes attribute .
- Masonry Layout : Turn on if you want to display Masonry layout.Only works with skin grid.
- Collection Per Page : Display number of collection on 1 page.
- Items Gap : Configure the distance between card items.
- Paginate : Configure pagination for section.
Collection Style
In the theme editor (Customize),Select Collections List. click section
Main Collection List, then locate Collection Style. Here you can make the necessary configurations.
- Title color : Configure color for collection title.
- Count Color : Configure color for count product in collection.
- Button Color : Configure color for button.
- Image spacing (px) : Configure the distance of image.
- Count margin top (px) : Configure the distance of image.
- Count margin top (px) : Configure the distance of count.
- Button margin top (px) : Configure the distance of button.
How to configure sidebar for section
You can see the documentation configuring the sidebar for the section.
Other configurations of section
You can see the documentation for other section configurations such as: Container, background, animation, padding...