How to add a Collection to a page in Shopify

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.

Table of contents

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:

Account

Shopify vs Wordpress Blogging Create a Shopify Coming Soon Page Optimize your Shopify Thank you page Add a new Shopify POS staff PINs Shopify SEO vs Wordpress SEO 7+ Strategies & Tips to Get More Sales on Shopify Reply to Comments on Shopify Blog Make Submenu a in Shopify store Import Aliexpress Reviews to Shopify What is a Good Conversion Rate for Shopify? How to improve it? Edit Shopify pages Sell Affiliate Products on Shopify Clear Cache in Shopify Add Sitemap on Shopify How to Add Custom Jquery in Shopify Why is my Shopify Store Unavailable How To Speed Up Shopify Store? Fulfill orders on Shopify dropshipping Import Orders into Shopify Shopify Partner Login & Difference Between Partner Login & Amin Login Sell digital downloads on Shopify Put Mailchimp Popup Code on Shopify Add Stripe to Shopify Add a Collection to a Page Add Social Media to Shopify Embed a Youtube video in Shopify Add Video on Shopify Product Page Change Add To Cart button color Integrate Shopify with Quickbooks Buy One Get One Free Discounts How to Add Terms of Service to your Shopify Store Favicon on Shopify Use Clickfunnels with Shopify Connect Mailchimp to Shopify Fulfill Orders on Shopify using Oberlo Change Shopify Store name Sell Ebooks in Shopify add trust badges to shopify footer Add Trust Badge under Add To Cart Hire Shopify Expert Change the Account Owner's Profile Change Verified Bank Account Information Change Credit Card Details Add Bank Account to Pay for Invoices Change Store Type Change Store's Internal Email Address Change Store's Customer-Facing Email Address Change Plan Reset Your Password Change Billing Address
Recommend for you
Image Description
SEO Suite [FREE]

Auto-optimize website elements and structure in one-click.

Learn more
proofo
Proofo - Social Proof [FREE]

Use Social proof to boost sales

Learn more
Image Description
Size Chart [FREE]

Stunning size guide for great shopping experience

Learn more
Image Description
Free Shipping Bar [FREE]

Increase customers’ shopping cart size with free shipping offer

Learn more

Comments for Add a Collection to a Page



Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up