Home > Shopify Tutorials > Add a collection to a page in Shopify?

How to add a collection to a page in Shopify?

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

By Sam Nguyen

CEO Avada Commerce

While seeing Shopify stores, customers normally enjoy looking at a specific product’s page after clicking on a product image of the collection page. That’s why keeping products organized and easy-to-find for customers is always the thing that merchants want their store to have. In order to do this, there is an effective way to bring this pleasing experience, which is Collections.

Today, in this time article, I will not only instruct you on how to add a collection to a page in Shopify, but also a clear tutorial in every corner of this aspect.

Exclusive Offer: Get Shopify 33 days for just $1 + The Online Store Starter Kit

Start your 3-day free trial, and enjoy your first month of Shopify for 1$ plus the premium package designed especially for new Shopify merchants!

Start Free Trial

What is collection on Shopify?

On Shopify, they allow you to group your products into collections with a view to making things easier for customers to find products by category. There are some examples below that can help you understand more:

  • Collection of clothes for girls, boys, or ladies
  • Collection of items that are on sale
  • Collection of items in a certain size or color …

In some cases, when you want to display product recommendations on your product pages, Shopify totally allows you to insert a section for recommended products to your online store theme. That is also a circumstance of a Collection.

When a collection is already created, there will be a gallery of products in the collection form shown on your online store as a webpage. Just simply by clicking on a product image on the Collection page, your customers can totally visit a specific product’s page. Also, customers can find and view their collections if you add links to the collections in a menu in your store’s navigation.

As an owner of your online store, you can choose your theme to bring your best layout and appearance of collection pages and also to view, create, and edit collections that are shown on the Collections page from your Shopify admin.

Collection types

There are two types of collections created on Shopify. And you can not change the type once you create your collection.

Automated collection

In this type of collection, it will utilize the selection conditions and automatically include matching products. Additionally, you are able to create up to 60 selection conditions and specify what conditions that your products need to meet or any of the conditions to be included.

In automated collection, you are able to add a new product that matches the selection conditions for a collection. After that, the product will be automatically added to your collection. Automated collections are usually preferred by customers because future products are often added automatically after you set up the conditions. That’s why it can save you a big amount of time if you have a large selection of products or seasonal or rotating inventories.

However, there is one disadvantage of this collection, which is the inability to remove particular products from the collection unless you change the collection’s conditions or edit the product details while creating an automated collection.

Manual collection

In this type of collection, it provides the products that you can choose individually and this always contains the same products unless you specifically insert or remove products. Normally, manual collections take more work to maintain. This will be a great match for small or specialized collections that work personally.

How to add a collection to a specific page?

Of course, you need to create a product collection first to make a collection appear on certain pages of a Shopify store. Just simply go to the Products page in the Shopify admin and click on Create Collection on the collection page. Choose the title and the type that you want to set up and follow 4 other steps below.

Assign products to a collection

In order to assign products to the manual collection, you can choose to do one of these three ways:

  • Assign products one by one from the Collection page.

add collections on shopify

  • Assign products in bulk from the Products page.

add collections on shopify

  • Assign products one by one in the Oberlo Import List before importing them to the Shopify store.

add collections on shopify

Remember that when you are in the automated collections, the fact that products will be assigned to an automated collection based on the selected conditions.

Create new page template

A new template is needed to assign to pages on which you will feature collections.

On Desktop

  • Step 1. From your Shopify admin, direct to the Online Store and then go for Themes.

  • Step 2. After that, find the theme you want to edit, and then click for Actions and Edit code.

add collections on shopify

  • Step 3. You will see an option Add a new template on the Templates directory. Click it.

add collections on shopify

  • Step 4. Then, it’s your job to form a new template for page called list-collections

add collections on shopify

  • Step 5. At the bottom of your new page.list-collections file, copy and paste the codeline on GitHub .

  • Step 6. Finally, click Save.

On iPhone and Android

  • Step 1. Open the Shopify app, then tap Store.

  • Step 2. You will see in the Sales channels section, there is an option Online Store. Just tap it.

  • Step 3. Tap on Manage themes.

  • Step 4. After that, find the theme that you want to edit and click Actions to Edit code.

  • Step 5. Open the Templates directory and then tap Add a new template.

  • Step 6. From here, you need to create a new template for page called list-collections

  • Step 7. At the bottom of your new page.list-collections file, copy and paste the codeline on GitHub .

  • Step 8. In the end, click Save

Create a page to add collection

On Desktop

  • Step 1. From your Shopify admin, navigate to Online Store and choose Pages.

add a collection to a page on shopify

  • Step 2. Then click Add page.

add a collection to a page on shopify

  • Step 3. You will see the page editor, just enter one Title at your wish in the text box provided. This title must be the same as the menu that you’ll create in the next steps.

add collections on shopify

  • Step 4. You need to assign your new template to the page. Just simply select the page.list-collections that you have on the Template suffix drop-down menu in the Template section.

add collections on shopify

  • Step 5. Finally, click Save.

On iPhone and Android

  • Step 1. Open the Shopify app, then tap Store.

  • Step 2. From the Sales channels section, tap Online Store.

  • Step 3. Then, hit on Pages.

  • Step 4. After that, go for Add page.

  • Step 5. You will see the page editor, just enter one Title at your wish in the text box provided. This title must be the same as the menu that you’ll create in the next steps.

  • Step 6. Your new template need to be assigned to the page. Just simply select the page.list-collections that you have on the Template suffix drop-down menu in the Template section.

  • Step 7. Finally, tap Save.

Collections control menu

In this step, you will create a menu controlling which collections are displayed on your new page.

On Desktop

  • Step 1. Open your Shopify admin, and then go to the Online Store and choose Navigation.

add a collection to a page shopify

  • Step 2. After that, click on the Add menu button on the screen.

add collections on shopify

  • Step 3. Then, you need to choose the same Title as the title that you gave the page that will feature your collections for your menu. For example, if the page you created has the title Mushrooms, then you must set your menu name is Mushrooms.

  • Step 4. In this step, click on Add menu item as you need to add links to your menu for each collection that you want to feature. After that, just choose the collections from your store by clicking on Collections, which is shown in the drop-down menu for the Link text box. You need to focus on this way, as it is important to link to your collections instead of adding a URL to the text box.

add collections on shopify

  • Step 5. Finally, Click Save menu.

On iPhone and Android

  • Step 1. Open the Shopify app and then tap for Store.

  • Step 2. You will see the Online Store option in the Sales channels section, tap it.

  • Step 3. Next, tap Navigation.

  • Step 4. Just opt for the Add menu button after that.

  • Step 5. Then, you need to choose the same Title as the title that you gave the page that will feature your collections for your menu. For example, if the page you created has the title Mushrooms, then you must set your menu name is Mushrooms.

  • Step 6. In this step, click on Add menu item as you need to add links to your menu for each collection that you want to feature. After that, just choose the collections from your store by clicking on Collections, which is shown in the drop-down menu for the Link text box. You need to focus on this way, as it is important to link to your collections instead of adding a URL to the text box.

  • Step 7. Finally, click Save.

Conclusion

That’s all the information that you need to know when you want to add a collection to a page in Shopify. I hope this tutorial will contribute a great help to you in understanding this aspect more clearly and bring your customers the most convenient in your Shopify business career.

Also, remember to contact us if there are any troubles happening during your practicing, we are always willing to help you.

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.