Collection List
The Collection List is a powerful tool for showcasing multiple product collections. By configuring various images, titles, and display styles, customers can easily browse through your product categories. It guides users to view and purchase products from different collections, enhancing the user experience.
(I) Collection List
Heading: Enter the content of the heading.
Heading size: Set the size of the heading (Small, Medium, Large, Extra Large, Maximum).
Text alignment: Select the text alignment: Left-aligned, Center-aligned, Right-aligned.
(II) Layout
Image ratio: Select the image ratio for the product collections, with three options: Adapt to Image, Portrait, and Square. Choose the corresponding display ratio to maintain consistency with the overall design.
Columns: Manually slide to select 1-6 product collections to display per column.
Color scheme: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.
"View all" button: Enable this option to display the "View All" button, which allows jumping to the corresponding location when clicked.
(III) Mobile Layout
Columns: There are two display styles: 1 and 2. Select 1 to display one product collection per column, and select 2 to display two product collections per column.
Carousel: Enable this option to allow the product collections to enter carousel mode.
(IV) Padding
Top: Manually drag the slider to adjust the top margin, with a minimum of 0px and a maximum of 100px.
Bottom: Manually drag the slider to adjust the bottom margin, with a minimum of 0px and a maximum of 100px.
(V) Template Settings
Reveal sections on scroll: Select or edit a color scheme to define the color styles of all elements on the page. This setting applies to the entire template.
Style: There are two display modes: Standard and Card. This setting applies to the entire template.
Color scheme: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.
Style: Choose between Standard and Card display modes according to the page style.
Last updated