View Categories

Main collection list

1 min read

The Main Collection List section powers your store’s “Collection List” template (the default page that displays all your store’s collections, usually found at your /collections URL). It showcases your product groups in an organized grid layout.

Navigate to Sections > Main collection list (you can view this by selecting “Collections list” from the template dropdown at the top of your Theme Editor) to customize these settings:

    • Color scheme: Selects the background and text color style applied to the section.
    • Section width: Controls how wide the section appears on the page: page-width (aligned with standard content) or full-width (extends edge-to-edge).
    • Heading, Size, & Alignment: Add a customizable heading at the top of the section (e.g., “All Collections”), set its size (H1-H6), and choose its text alignment (Left, Center, or Right).
    • Description: Optional text area to provide a short introduction or context about your collections.
    • Collections per page: Defines how many total collection cards to display on a single page before automatic pagination is applied.
    • Desktop collections per row: Use the slider to set the number of collections displayed in a single row on desktop devices (1 to 6).
    • Mobile collections per row: Use the slider to control how collection cards appear on mobile screens (1 to 3 columns per row).
    • Show product count: Toggles whether to display the total number of products available within each collection directly on the card.
    • Top & Bottom padding: Adjust the vertical spacing (in pixels) above and below the section.

avelara-main-collection-list