Home > Shopify Tutorials > Add a Collection to a Page

How to add a Collection to a page in Shopify

Last updated: September 01, 2024
Written and researched by experts at AvadaLearn more about our methodology

By Sam Nguyen

CEO Avada Commerce

As an online businessman, you might know that the Shopify eCommerce platform provides collection pages to help its users promote the conversion and then increase their sales. A collection to a page on Shopify aims at giving customers more chances to categorize their products and manage them in the way they like. In other words, to keep all of your items organized and to assist customers in searching and finding your products, you can group them into different categories, which is known as a collection. Then, there exist several ways you can apply to get your online store’s products well customized.

Hence, in this article, you will be shown on how to add a collection to page in Shopify. Don’t miss out on this post if you are searching to do it in a proper way. On Shopify, you can delete the collection that you don’t want as well.

Why do you need to create a Collection page?

Inserting a custom page template to the Shopify theme enables you to generate custom Pages with collections you prefer to focus on. For example, you can easily create a Jewelry page to possess the Bracelet Collection, Earrings or Necklace collection. After that, you are able to have another page called Blue Jewelry and your list only includes Blue Necklace Collection, Bracelet Collection, or Blue Earrings Collection.

Create your new page template for a Collection Page

To help you create a new page template for a Collection Page, you should obey the following steps:

Step 1: Head to Themes

The first thing you need to do is to head to Online Store > Themes from your Shopify admin.

how to add a collection to a page Shopify

Step 2: Choose Edit code

Next, you can find the theme you wish to get it updated, then choose Actions > Edit code.

how to add a collection to a page Shopify

Step 3: Select Add a new template

In this step, you can select Add a new template located in the Templates directory.

how to add a collection to a page Shopify

Step 4: Produce a new template for a page

To keep going, you can produce a new template for a page named list-collections.

how to add a collection to a page Shopify

Step 5: Paste the code on Github

Then, you can paste the code hosted on the Github under the bottom of your new page.list-collections file.

Step 6: Click on Save

Finally, don’t forget to click on Save to save what you have done to your page.

how to add a collection to a page Shopify

Create a Custom Page including the Desired Collections

To create a Custom Page to feature your collections, let’s refer to those following steps:

Step 1: Head to Pages

From your Shopify admin, you can go to Online Store > Pages.

how to add a collection to a page Shopify

Step 2: Choose Add page

Next, Shopify allows you to choose the Add page button.

how to add a collection to a page Shopify

Step 3: Enter a title in the text box

Then, in your page editor, you can enter a Title in the given text box. However, you need to remember that you need to apply the same title for menus you intend to create in the next steps.

how to add a collection to a page Shopify

Step 4: Go to page.list-collections

To continue, let’s get the new template assigned to your page by going to page.list-collections under the Template suffix drop-down list located in the Template area.

Step 5: Select Save

Don’t forget to select Save.

There is a note for you. If your new page is getting visible, it will not appear in your own online store navigation. You might need to insert a link to it on a menu.

Step 1: Select Online store menu

The first step is to select the Online store menu.

Step 2: Come to Navigation

Next, Head to Navigation.

how to add a collection to a page Shopify

Step 3: Select Add Menu button

In this step, you are able to select the Add Menu button.

how to add a collection to a page Shopify

Step 4: Give the menu the same name

Then, you are requested to give the menu the same name as your custom page.

how to add a collection to a page Shopify

Step 5: Choose Save

To keep going, you can choose Save, then move to the next step.

Step 6: Add menu items

Now, it is time for you to add menu items which should be the collections you wish to insert into a page. Give a name, then connect to this collection.

Add a Navigation Menu to show your collections page

Step 1: Choose Navigation

To add a Navigation Menu, let’s begin by choosing the Navigation.

Step 2: Click on Main Menu

Then, click on Main Menu.

how to add a collection to a page Shopify

Step 3: Select Add Menu Item

In this step, you can select Add Menu Item.

how to add a collection to a page Shopify

Step 4: Give the menu the same name

As usual, you can give the menu the same name as your Custom Page.

how to add a collection to a page Shopify

Step 5: Connect the Menu to Page

You can connect the Menu to Page, then go to the customer page name.

Step 6: Drag the Menu

To navigate the menu, let’s drag the menu to your desired location.

As a result, this menu can become a submenu and on the Main menu.

Before you make any changes in your theme code

Before editing your theme code, you need to make sure the things below:

  • Check the settings for the theme in the theme editor. In case there is a setting for the modification you are making, you do not have to edit your own theme code.

  • Get your theme duplicated to produce a backup copy. This is used to discard your modifications and begin again if necessary.

  • Guarantee that you have a good knowledge of what level of support is now available.

Conclusion

We hope that the above tutorial on how to add a collection to a page Shopify will completely satisfy your demand. All the steps are easy-guided to help you successfully finish your task. If you have any questions, don’t hesitate to contact us for further discussion.

Related Posts:


Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.