Collection List

A collection list is a design element used in e-commerce websites to display and organize product collections. It involves grouping products based on a theme, category, or season and displaying them visually appealingly. Collection lists effectively showcase your products and help customers easily find what they want. By grouping products, you can create a more comprehensive shopping experience that is easy to navigate. Collection lists can be used to showcase new products, seasonal items, or popular products and can be customized to fit the overall design of your website. By using collection lists, you can increase customer engagement and improve their overall shopping experience. Overall, collection lists are a powerful tool in e-commerce website design that can help to increase sales and drive results. You can add infinite collection blocks to a collection list.

Untitled

You need to follow the steps above to create this collection list design:
- Firstly, The “Collection List Layout” should be selected as a carousel.
- The "Image Crop" should be selected as a full circle.

Untitled

You need to follow the steps above to create this collection list design:
- The “Collection List Layout” should be selected as a grid.

Customize Collection List Settings

To access section settings, click on the Collection List.

Untitled

Settings	Description
Section Header	Shows the title of the section.
Collection List Layout	Select the collection list design:
• Grid
• Carousel
Columns on Desktop	Adjust the number of columns using the slider on desktop. (Above 1440px)
Columns on Tablet	Adjust the number of columns using the slider on tablet. (Between 1048px and 1440px)
Columns on Mobile	Adjust the number of columns using the slider on mobile.
Background Blend	Click to checkbox to enable background blend.
Background Color	Changes the color of the background.
Image Crop	Select the carousel design:
• Original
• Full Circle
• Rounded Rectangle
Border Color	Changes the color of the border.
Button Text	Shows the text of the button.
Button URL	Enter the URL that you wish the button to direct to.

Add Blocks

To access block settings, click the Collection.

Untitled

Settings	Description
Collection	Click Select Collection to connect a collection with the block.
Collection Image	Click Select Image to connect a collection image with the block.
Collection Title	Shows the title of the block.
Collection Start Price	Shows starting price of the block if the grid layout is selected.
Collection Start Price Color	Changes the color of the start price.