Collection pages

Collection header

Collection image will be used as the background for your collection header.

Product grid

The collection page displays a product grid with products specifically from its parent collection. The page settings offer you a variety of additional presentation features to highlight the products and contents.

Color scheme: Select the color scheme used for the product grid section.

Products per page: Set how many products are displayed per page before pagination is applied.

Show product count: Toggle the product count setting to show or hide the total number of products that are available in the collection.

Show sort options: Enable or disable sorting options for the collection.

Show filter options: Toggle collection filters on or off to allow customers to narrow down the product selection.

Show color swatches in filter options: Display color swatches in the filter options.

Pagination: Choose how pagination is displayed - Pages, Button or Infinite scroll.

Desktop layout

Show filters as a sidebar on desktop: Display collection filters in a sidebar layout on desktop devices.

Full width: Enable a full-width layout for the product grid on desktop screens.

Products per row: Set the number of products displayed per row on desktop devices.

Grid gap: Adjust the spacing between product items. Setting the value to -1 uses the theme’s default gutter spacing (in the Theme settings).

Margins: Set the top  and bottom margin for the product grid section on desktop.

Tablet layout

Products per row: Set the number of products displayed per row on tablet devices. Tablet layout uses the same display type and margin settings as desktop.

Mobile layout

Products per row: Set the number of products displayed per row on mobile devices.

Grid gap: Adjust the spacing between product items on mobile. Setting the value to -1 uses the theme’s default gutter spacing (in the Theme settings).

Margins: Set the top and bottom margin for the product grid section on mobile devices.

Collection banners

You can create banners into the product grid. This allows space to feature promotions and or additional branding relevant to the products / collection being viewed. The placement and frequency of banners can also be customized.