Update 7/9/20: This tutorial has been added to the Shopify Developer documentation website as a supported tutorial > Shopify Developers: Feature a subset of collections on a page. This topic will be locked as a result - if you have questions about the supported tutorial please make a new topic. Thanks!
You can feature a subset of collections on a custom page by editing your theme code. This tutorial shows you how to create a new page template and assign collections to show by using a menu.
All Shopify stores have a collections list page at the URL www.mystore.com/collections
that shows all of the collections in the store. As an alternative to this tutorial, you can edit your collections list page to show only a selection of your collections.
Note: Because every theme is different, when you make these changes, the styling might not appear as expected.
You will need to create a new page template to assign to pages on which you will feature collections.
page.list-collections
file.
To create a new page:
In this step you will create a menu that controls which collections are shown on your new page.
Living Room
, then you will give your menu the title Living Room
:
TyW | Online Community Manager @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Solved! Go to the solution
Thanks TyW for the great tutorial! It was really simple to implement, however, it would be far more effective if there were a way in which the collections could be placed in rows of say 4 icons across the page (horizontally) rather than having them stacked vertically one by one down the page? Any possibility of an upgrade to the code or a tutorial on how to alter the layout?
is exactly what I would like too, surely there is something to modify in the code, if you know something let me know, thanks.
Hi! I went through and did everything suggested and I was able to make sub collections. Worked great! Now I need to figure out how to make that landing page look better. Anyone know how to add a title to this page and clean boxes to organize the pictures of the collections?
I followed these steps and successfully created a page with links to two collection pages. However, when I edited the page to include additional content (text), it deleted the links to the two collections and also didn't display the new content. How can we create such a page AND have the ability to include additional content (text and images) on the page?
Thank you very much for taking the time to write this. I followed the tutorial and everything worked EXCEPT that i now have my collections showing 2x. Everything works perfect except this. Any idea what the issue could be?
User | Count |
---|---|
542 | |
209 | |
126 | |
80 | |
44 |