The Main Collection List section displays multiple collections in a grid layout. It’s typically used on the “Collection List” page to showcase different product groups. Each collection card can show its title, featured image, and optional product count. The section supports adjustable layout, color scheme, and spacing to fit your theme design.
Section Settings
Color scheme
Selects the background and text color style applied to the section (e.g., Scheme 1, Scheme 2). This ensures visual consistency with your overall theme.
Section width
Controls how wide the section appears on the page:
- Page: Keeps the content within the page’s standard container width.
- Full: Extends the section edge-to-edge across the screen.
Heading
Adds a customizable heading at the top of the section (example: “Collections”).
Heading size
Sets the visual hierarchy of the heading text (e.g., H1, H2, H3, H4, H5, H6).
Text align
Aligns the heading and description text to the Left, Center, or Right.
Description
Optional text area to provide a short introduction or context about the collections displayed in this section.
Collections per page
Defines how many collection cards to display in a single view.
Collection Card Settings
Show product count
Toggles whether to display the total number of products within each collection (e.g., “9 products”).
Show icon button
Toggles whether to display the button with icon.
Mobile layout
Controls how collection cards appear on mobile screens:
- Single column: Displays one collection card per row (large visual focus).
- Double column: Displays two smaller collection cards per row (more compact view).
Top padding
Adds vertical spacing at the top of the section.
Bottom padding
Adds vertical spacing at the bottom of the section.
