Collection page

The good collection page is all about delivering a clean, visually appealing, and easy-to-navigate experience that encourages customers to explore and purchase products.

The goal is to organize your products into collections that make sense to your customers and showcase them in a way that highlights their unique qualities.

To help you create rich collection pages, our theme offer over 20 unique blocks and sections to add to your collection page. We highly encourage you to explore all the features the theme offers.

Setting Up the Collection page

1. Navigate to the Theme Editor: From your Shopify admin dashboard, go to Online Store and click on Themes. Find the Nova theme and click Customize.

2. Navigate to the Collection Page: In the dropdown at the top of the theme editor, click on "Collections" and then "Default collection" to access the settings for this template.

1. Adjust the settings: Refer to the sections within this guide for more.

2. Preview and Test: Use the theme editor's preview feature to view your changes in real-time. Check the display on various devices and browsers to ensure compatibility and responsiveness.

3. Save and Publish: Once you are satisfied with the setup, click "Save" to apply the changes to your live site. Regularly revisit the product page settings to tweak and optimize based on customer feedback and performance analytics.

Collection banner section

A collection image represents your collection and is visible from various areas of your store, such as the collection page, the predictive search, or the collection list page.

Uploading a collection image

To upload a collection image, open Shopify admin and click on "Collections":

Select the collection for which you want to change the image, and upload an image in the "Image" box:

Customizing the banner appearance

By default, the theme will re-use the collection image to create a full-page banner on collection pages.

1. Open the theme editor.

2. In the page selector, click on "Collections" then "Default collection"

3. Click on the "Collection banner" section to show all the settings:

Product grid

The product grid displays the products within the collection and provides filters to refine the users selection.

Products filtering

Filtering is the action of reducing the number of results based on some conditions. Here are some filters often found in e-commerce stores:

• Price filtering

• Color filtering

• Vendor filtering

• ...

Filters should be set up in the Search and Discovery app, found in the Admin area:

Refer to Shopify's Filter documentation for more.

Once filters are set up, Ignite provides several options to customize their display.

Products sorting

Sorting allows customers to change the display order of products within a collection. Sorting is very different from filtering:

• Filtering reduces the number of products by only showing products matching one or more conditions.

• Sorting does not reduce the number of products but changes the display order (for instance, sorting by price or alphabetically).

Enabling/disabling sorting

Sorting is enabled by default, but you can turn it on or off anytime.

1. Open the theme editor.

2. In the page selector, click on "Collections" then "Default collection":

3. Select the "Collection" section

4. Turn on or off the "Enable sorting" setting:

Changing the default sort order

By default, the collection's products are sorted by best-selling. This is the recommended approach, as it helps to show your most popular products higher on the page.

You can, however, override the default order on a per-collection basis.

1. Open the "Collections" part in Shopify admin:

1. Click on the collection you want to change the order.

2. Change the default order in the "Products" card: