Collection list page

A central location to display and organize collections.

The Collection list section in the Collection list page provides a central location to display and organize collections in a visually appealing and structured format. It allows store owners to showcase all collections or a curated selection, depending on their preferences.

Section settings:

1. Select collections to show:

• All: Displays all collections in the store.

• Selected: Displays specific collections chosen by the store owner.

2. Selected collections: Allows you to pick specific collections to display in the section. Applies only when “Selected” is chosen in “Select collections to show.”

3. Image ratio: Adjusts the height of collection images.

• Portrait: Creates a vertical rectangle for images.

• Square: Ensures all images are displayed in a square format for uniformity.

4. Number of columns on desktop: Determines how many collections are displayed per row on desktop screens: from 2 to 4 collections.

5. Pagination style:

• Number: Displays numbered pagination to navigate through multiple pages of collections.

• Click to load: Adds a "LOAD MORE" button below the current collections, allowing users to load additional collections dynamically.

6. Text settings: allow you to add and customize a header for the section.

• Heading: Add a header to the section, such as "Our Collections" or "Shop Categories."

• Heading size: Adjust the font size of the heading: Small, Medium, Large, Extra large, Extra extra large.

• Description: Add supplementary information below the heading to provide context or additional details about the collections displayed.

• Desktop content alignment: Aligns the heading and description text horizontally.

7. Mobile layout:

• Number of columns on mobile: Adjust the number of collections displayed per row on mobile devices.

  • 1 column: Displays one collection per row for a compact design.

  • 2 columns: Displays two collections per row for a grid-like format.