Hyper Theme
Hyper Theme
Collections And Products

Collections list page

1 min read
image

You can edit the collections list page by specifying which collections are included and making changes to the layout.

Steps:

  1. From the theme editor (Customize), select the template selector.
  2. In the dropdown menu, select Collections list template.
  3. Make necessary changes.
  4. Save the settings.
image

How to edit the Collection list page section

General

You can adjust the order of your collections by selecting options from the Sort collections by: field.

  • Alphabetically, A-Z
  • Alphabetically, Z-A
  • Date, new to old
  • Date, old to new
  • Product count, high to low
  • Product count, low to high
image

Section header

Use the provided text field to add a suitable Heading.

You can also change the Heading size and the Text alignment to Left/ Center to make the content look balanced on your website.

image

Card settings

Customize how the collection cards show to customers.

image

Grid settings

Use the slider to adjust the Number of columns on desktop (between 2 and 6).

You can also control the suitable spacing between the product cards by selecting Column gap and Row gap options.

image

Mobile layout

You can adjust the Number of columns on mobile to 1 column or 2 columns.

image
Last updated