12. Icon Theme: Setting up the Collections Page

In this article, we will go through how to set up the Collections page, with or without filters. 

Collection pages show groups of products, sometimes referred to as categories. In Shopify a collection would be a category, you can create, edit and organize your collections from the main Shopify admin by going to Online store > Products > Collections.Within the theme editor, there are also options on which content is shown on the collections page and the order of that content.

To edit the collection page settings, from the theme editor go to the template picker and choose Collection pages.

Step 1: Choose Settings

How many products per row - Choose your layout to show 2, 3, 4, 5 or 6 products per row.
*Note - This will default to 2 products per row on mobile.

How many products per page - Shopify has a limit of 50 products per page which must be respected. The theme allows options to show 24, 36 or 48 products per page before a pagination menu linking to pages 2, 3, 4, etc. will show at the bottom of a collection page.

Show sort by - Allow customers to sort your products by name, date, price and best selling. By default, the collection pages will load in the order that you have specified within the collection admin.

Show sidebar - Adds a sidebar to your collection pages. when enabled you can add multiple menus or a list of vendors used within your products. If you use a short menu then the sidebar can be set to stick to the side of the page. For larger side menus the content will be deemed too tall to show all at once on some computers with a smaller height display.

Step 2: Add Sidebar MENU

You can add two content blocks to the collection sidebar, Menu, and Vendors List. If you choose Menu you will need to select a menu to display or create a new one. In this example, we created a new menu called Sidebar List. To do this, we click Add Content > Change (menu) > Create link_list, create your new menu and save. You can add more menus to give easy navigation to your customers.

Step 3: Add Sidebar Vendor List

You can also choose to add an automatically generate Vendor List when selecting it. You will just need to give it a Vendor list title. Be sure to click the save button when you're done.