How To Create Sub Collections in Shopify 2.0 - Start Doing This Now!
HTML-код
- Опубликовано: 27 июл 2024
- Sub collections are great Shopify stores for both SEO and customer experience. It’s always been a hassle to set them up in the older Shopify, but with Shopify 2.0 it is now very easy.
This is a walkthrough of how to set up sub collections in Shopify 2.0 themes like Dawn, Craft, Crave, Sense, Taste and others.
It’s also the start of a series on Shopify 2.0 features. Let me know in the comments what features you would like to see.
===== Watch these next =====
- Shopify 2.0 Metafields: • Shopify 2.0 Metafields...
- Shopify 2.0 Playlist: • Shopify Concepts
===== Who am I? =====
Hey! My name is Eduard.
I teach the tech side of starting and running a Shopify store.
Im a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.
Visit my website: ed.codes
===== Stay Updated =====
Want to see my latest tips, tutorials, and code add-ons? RUclips won’t always show you. Subscribe to get emails directly from me: ed.codes/pages/newsletter
===== Check out my Shopify Add-ons =====
edcodes.gumroad.com/
Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.
===== Join "Shopify DIY" Community on Discord =====
Chat with me and other store owners and developers:
ed.codes/community
===== My Favourite Apps & Themes =====
ed.codes/tools
===== Buy me a coffee =====
www.buymeacoffee.com/edcodes
===== Chapters =====
00:00 Intro
00:19 Why use subcollections?
00:42 The problem with subcollections in old Shopify
02:16 Collections Listing page
03:17 Create Collections
03:53 Create a new template
05:22 Use Sections to display subcollections & products
07:47 Apply the new template
08:32 Duplicate for other collections
09:26 How to Delete templates
10:38 Shopify 2.0 series
#Shopify #Collections #Shopify2
Thanks for the tutorial. If I'd known Shopify didn't have parent and child collections built in I'd never have signed up for it. Your tutorial is great but it's a sticking plaster solution for a feature that should be in the app from the start (not your fault, clearly something Shopify should have sorted out ages ago!)
I'm a novice Shopify user, and this channel is proving to be the most comprehensive and intelligible resource for me. To wit, this tutorial just saved me from another slog through the Shopify message boards. Great stuff!
Ed is the best.
This is perfection! You are so good at explaining the topic at hand while also giving some additional related info-simple and to the point. Thank you!!
Omg that delete collections tip at the end is wonderful ❤️ x
Would love to see even more shopify tutorials, not many people explain Shopify and keep up to date
I just have to say WOW!!! I spent 2 days searching for this and found your video. It is so perfectly what I have been looking for. Thank u!!
Very helpful video. I was feeling very lost and not making progress searching the Shopify support articles. They were not helpful. I watched your video and made massive progress setting up pages that work like parent collections. I'm switching from WooCommerce and the way Shopify handles this is just a different way to do it. Not necessarily bad, just different and a learning curve. But I'm already liking Shopify 100x more than WooCommerce & WordPress. Thanks for your easy to follow video - I appreciate it!
Thanks Ed, as always very informative video. Thanks for all your time and hardwork putting them together
Wow. Thanks a lot for 2 weeks now I have been going back and forth with Shopify support on how to create sub collections
Thanks a lot for this
Crazy! That's exactly what I was searching for. Very good video and understandable explanation. Thank you very much.
Thank you so much!!! I've been wanting to do this for a long time with my site. 2.0 just got even better!
This is amazing! I have been searching on how to to do sub categories! Just subbed! 😁 You made my day and made my website look just the way I wanted.
Thank you Ed for the these wonderful instruction videos. I occasionally go back and rewatch them to refresh my memory.
I did this without knowing it was a new thing as I am building my store. glad to know it’s also good for SEO
This had me stumped for a while and you made it easy. Thanks!
you my friend are awesome. i was struggling to see how to create sub categories and your video provided the information in the most simpliest way. Welldone and thank you
BRO, you are an absolute legend. THANK YOU SO MUCH! I GENUINELY APPRECIATE YOUR SUPPORT.
I like your videos, they are helpful, not bloated with unnessesary talking. For me, until now number 1 shopify coach on YT.
This content was exceedingly helpful. Thank you ever so much for sharing.
I'm using an old Ventura theme. It doesn't have a create a template option. Is there a workaround to achieve a subcollection effect?
you are amazing, dont stop with these tutorials
As always - 🔥🔥🔥!
Very comprehensive and easy to follows. Thanks.
Wow, this is super helpful. Thank you.
This is exactly what I was troubling with right now. Thank you Ed👍
Glad you found it useful!
Brilliant. Thank you!
Thanks, Ed! Exactly what I needed to know.
Absolutely amazing. I have been trying to figure this out for 2 hours.
Mate great video. Thanks so much
This is very helpful 🌿 thanks for the effort and the tricky tips 👌
thank you so much brother , i was looking for this since last two days
Damn! Just what i needed! Thaaaaaaaank youuuuuuu!
Great tutorial thank you very much
Best video i have seen. Thank you!
Thank you. Thank you. Thank you. Subscribed and liked.
Thank you so much for this. So clearly explained!
were you able to change the theme template? If yes then how?
@@Dalbirsingh12667 I followed the tutorial step by step. The only trouble I am having is adding any products tot he 'product grid'.
Thank you for your help!
Thank you sir.. This was giving me a headache trying to figure out forever. You rock
Thnnksss a lot broo you a lifeee saver🔥🔥
Perfect, thank you.
Thanks , did it on my clients website in 10 mins.
Thank you so much!
Waow!!!! A very big thank you
Great brief thank you
Really helpful tutorial
OMG!!!!!! thanks dude
Thanks! this helped a lot! Excactly what I searched, I had a problem with it.
Thank you!
Perfect 👍👍
Thank you for solving this it was annoying the heck out of me haha.
Thanks mate,
nice one, we use a breadcrumb navigation which doesn't seem to show structure I am assuming this is still not possible?
thank you so much
Please make the part 2 for creating custom forms with checkbox, phone number validation, email validation
Thanks for giving so much value 🥰
That will be the next video! Thanks for watching :)
Thank you so much for your channel, absolutely love the way you teach. On the Dawn theme, on collections, is it possible to get rid of the text name of the collection? So only the image is there, and it is the link?
Thank you so much man, I was getting desperate for days because of that. Besides working on my main page theme I’m also trying out another theme trial , but I can’t transfer those changes you just showed to the Test theme? Is that because it’s just a trial where I can’t manually work on the codes and templates? Would appreciate a quick response
Hi Ed.
Thanks a lot. Any ideas how to add subcollections to the breadcrumbs?
Hey Ed, thanks for this! Is creating a separate template for each unique parent collection the only way to handle this, or could we do a single parent collection template and then select subcollections for each instance via metafields, or something along those lines?
this would be much simpler and logical.
Would be cool if we could specify from what collections the products in the product grid were in. Love your content!
no sure if this is just as good, put I hid the product grid and added a feature collection (with no heading) to be the overall parent collection of products (if that makes sense)
Thanks for an awesome tutorial, very helpful! Can you help me with one thing that is related to this? How do I make sub-collections show in url and breadcrumbs? Let's say now it's collections/boys and when I go to boys shorts it shows collections/boys-shorts, how do I make it show full url like this - "collections/boys/boys-shorts"? Thank you in advance.
First, thank you so much for your amazing video. I did everything, but I can’t show the new template on the homepage. Do you know what went wrong?
Hi, very useful thanks! Is there a speed or SEO advantage to doing it this way instead of using a metaobject. I think there may be an SEO advantage as the pages are there and not created dynamically, but I’m very unclear on how the google robot trawls the site. I’d really appreciate your opinion. BTW - I’m finding your videos very helpful. 👍
Hey, this is cool, what about more than three sub-navigation menu items. DO you have a work around?
Thanks for this tutorial, man. You're the best. When you mentioned creating subcollection pages I was expecting to have have a subdirectory for every subcollection. Like the following:
/collections/computers
/collections/computers/complete-systems/
Yeah unfortunately Shopify is really strict with the URL structure. You can only have 1 level - collections/whatever.
Thanks for the video! I managed to create template and sub-collection but if I go to my main collections there are all collections visible, even the ones I put as sub-collections to my template. Is there any way how to hide these from main collection menu?
H!, If i want that collection list to load automatically using the value contained collection level meta field to load for example all the collections named after the value stored in their country metafield is that possible?
Do you have a good solution for changing the URL structure as well?
Hi Ed,
Thank you so much for sharing some many great tutorials, it's really helpful for me, and I guess for a lot of small shopify business owner as well.
A question here for you, I am using the " Impulse" theme, and after I create the collection list on the front page, it also shows on every single page (pagination pages). is there a way for me to just let the sub-collection list on the first page only?
Thank You!
Hey! I wrote up a quick solution here - ed.codes/blog/display-a-section-only-on-page-1-of-a-collection - hope it helps.
How did you get the code editor color to grey? Mine is black and I want to change it to white. Is it based on the theme colors?🤷♀️🤷♀️
I'm using superstore theme by out of the sandbox and there is nothing on section while going through default collection.
and i was wondering to know about how to make separate theme layout for women and men. for instance kylie cosmetic (they made kylie,kylie cosmetic, kylie baby within one website but in different layout), another example is fashion nova they made women and men category in different layout but within one website. How is it possible? please let me know
can we have for example boys+girls+women... on one template? i mean when our customer visit our website be able to scroll down and see all collections with sub collections? or just one template is visible one time for one collection?
Hi I done have the option for 'create template' in my Shopify under collections for some reason?
What am I missing if the Theme Template that I created is not showing up. The only one showing is Default Collection. Great video as well!
Hi bro, the theme your editing must be public, otherwise it wont show up.
Now, in your example at 7:42 when i click on boys pants i don't see the actual product but girls cloth instead! any advise with thanks :)
At 0.57 & 3.23 I could see the "Unavailable on buy button" under the Boys collection... was curious what that was, how you did it, and what is the purpose of it??
hi how do you take off an image frame it's really annoying me not sure how to do this I do not want to put an image there its near the bottom of my Web page currently using Dawn any help much appreciated
Hi, do you know if you can create new collections inside sub-collections?
Thankyou for this! However how do u make the only collections to show as “girls” and “boys” on the main product list… then have the other collections appear inside of them… i am not knowing how to have the first collections “boy and girl” to appear alone without the other collections showing at once
I have a question that I'm not sure there is an answer to. I have made quite a bit of sub-collections and therefore collection templates. When I go to make a new collection template now, the "create template" button is all the way at the bottom and I have to scroll, scroll, scroll every template I make. I know it isn't the worst problem but added up through the day it is becoming very time consuming. Does anyone have a workaround that by chance?
Does the theme need to be published in order to make these changes. For example assigning the collection to the page created when editing theme?
Yes, which is very annoying. You do not want to publish an unfinished website... and if its not published these theme's do not work apparently.
Hello Ed,> Is there a simpler way to do subcollections now?
Can this be done on a normal page ? I want to have a page ALL COLLECTIONS and on that page i want to have many different COLLECTIONS with their SUBCOLLECTIONS?
thank god for the speed up feature
Thank you for your tutorials! They are amazing! :) I have a question regarding the dawn theme navigation. Is it possible to have a clickable main menu item e.g. "Equipment" with nested drop-down sub-menu items which can be clicked as well? I think it's not possible but I thought I'd ask.
Currently I have let's say "Equipment" and the drop-down items are collections. The other thing I did is that I made a sub-menu item under "Equipment" and named it "View All Equipment" and assigned a collection to it which contains all the products of the "Equipment Collection".
If I want to assign a page "Equipment" to the "View All Equipment" I must make a template for that page and assign the template to the relevant page? (I saw this in one of your other tutorials) like the contact page has a template. I can make a template for the "Equipment" page to be able to design and add elements to it.
So I go back to my first question, is it possible to have clickable top-menu item along with nested sub-menus underneath it? Thank you for reading and thank you for your tutorials! :)
The reason I am asking this is because when someone finds my page on Google and the "Equipment" page appears under my page title and when clicked on, it will take them to the "Equipment" page but it will be empty, I just added a description for SEO purposes. When you navigate through my page in the top main menu items the "Equipment" menu will just have the clickable sub-menus but you will not be able to find the "Equipment" as a page anywhere (except if you make a clickable link). That's why I am asking if it's possible. It's a shame to just make a page for the "Equipment" page and not be able to click on it as you are browsing in my website. You will be able to click on it before you enter because google will see it as my page/top menu item that it exists. I don't know if I am correct on this because I don't know too much stuff about it. Do you know of a solution if there is any? Sorry for the big message! Thank you in advance.
I just realized that it's a link... I won't have to make it clickable in the main menu am I? :D On google they will just read the page title and description and just click on it and it will take them to the relevant page/main menu item of my main page. They just won't see the initial text they saw before clicking as I will have the drop down menus and they won't be able to see the content of the actual page the clicked on. They will be able to see the page only if I don't have sub-menu items and it's just a page like the contact page. Is that correct?
Can this been done if a legacy theme (not 2.0) is active. I'm trying to design new (2.0) theme while leaving the legacy theme active...don't think I'm able to assign templates. Thank you!
I just tried to make templates on an unpublished theme and it just does not work. You need to publish it to be able to work with templates.
Hey ED is it possible easily to have a main collection like t-shirt and some filters : color, matter… and the possibility to custom the différents titles, content (description) of the filtered page ?
Not really because the filtered page is just the same collection page. If you want to do this it might be better to just have a side navigation instead of filters, and going directly to other collection pages when they are clicked.
Does your store need to be live to add the collection template? I am editting a draft copy and when I make a template for a sub-category it doesn’t show up when I try to assign it to a collection.
Your store doesn't need to be live, but the theme needs to be your main published theme. You will not see templates from unpublished themes in the dropdown on collections/products admin.
How to apply this sub collections template to all collections by default? Without create one template for each collection and add sub collections manually. Is it possible to apply this layout to all collections?
Ed this is crazy , since i created the collections lists, customers cannot see products its keep coming back to the collection list pages , this is horrible can you please HELP !!!!!
I'm having trouble in adding items to my sub category can you make a video showing this please.
lets take a guess how many times this guys says collection in this video good god
I am struggling to add any products to the 'product grid' after the sub-collections. My product grid is empty! Do you have any advice?
In the sidebar you should see which collection you are currently previewing. Maybe it's an empty collection, or all the products are out of stock or drafts?
This sadly doesn't work for me. It keeps changing to other pages.
I figured out its bcs I am not 'live' (the theme is not published like yours) but on 'draw' and then it does not work, which is very annoying bcs you don't want to publish a website for a company that's unfinished.
Do you have an other option than templates? Maybe pages?
Thank you once again! (have you played around with how to stay on the product page after add to cart? the tutorial in the Shopify community doesn't work for my 2.0 theme and I haven't found anything that works, and I can't use the drawer cart cause it doesn't work with an essential app I need to use.) :)
Hmm, I mean that's exactly what the drawer cart is for - it adds the product to the cart 'behind the scenes' using javascript. If you don't use that then the default way is to add the product by 'posting' the page, which changes the URL (takes you to the cart). Seems to me the main problem is with this essential app - what is the app or what does it do? Maybe there is an alternative there?
@@EdCodes Yes, using the drawer would be the simplest method, but I can't disable the app (APO | Advanced Product Options) as my shop heavily relies on it to manage custom orders. I've tested out many other options apps but none of them work for me as well as this one and at a price I can afford :)
@@EdCodes I finally found the tweak needed to my code to solve this problem yay!
Hi, do you know why when I do this, it still comes up with "No theme sections available for this template"? I've followed all of the steps - I am on the Superstore theme...
It's probably bcs your website is not published yet. Templates do not work when the website is not published apparently :/
So if you started carrying boys hats, you'd have to (1) create a collection for boys hats and (2) add the collection of boys hats to the boys collection template? And you have to do that for every new "sub" category for every parent collection? This seems like a weird amount of extra steps on Shopify's part.
Would there be any way to automatically pull in the "subcollections" by saying "collection name begins with BOYS"?
Is that really so many steps?
(1) if you are selling boys hats you should definitely create a "boys hats" collection anyway, regardless if you are planning on featuring it as a subcollection on the main Boys collection page or not. This is important for SEO.
And then (2) it only takes a minute to go into your theme editor and add the new collection to your boys collection template.
Re: automatically pulling in based on collection name - no we don't have the ability to create rules like that in the theme editor yet. You have to select specific collections to link to.
I'd like to preface this question and mention the fact that I am clueless when it comes to shopify. I've managed to get all my sub-collections created but now I can't click on those sub-collections and see any products. How do I add my products to each sub-collection? For some reason one sub-collection has the completely wrong page linked to it and I have no clue how I've done that to even go back and fix it. Please help!
Never mind, I figured it out!
Hey, I followed the steps and i'm using the sense theme but it won't let me change the theme template on the collection. Could you possibly advise what to do please?
Did you ever figure this out? I'm on the refresh theme and having the same issue.
Edit: Figured it out. You have to add the page to your store via the Sales Channels section.
@@BuyTmart I had to switch theme unfortunately. It just wouldn't allow it for the one I was using. I think I switched to the dawn one maybe. I can't remember, I'd check for you but I closed my Shopify down.
hey Ed
i am using the paid shopify theme where i am not finding "create template " option there pls guide me man
Is it an old theme? Like, pre Shopify 2.0 (2021)?
@@EdCodes YES it is and the theme I'm using is Streamline 3.0.3
I created a new Collection to use as my parent collection and then made a new Template and assigned the sub Collections to it. Now when I go back to Collection and try to edit my parent Collection and select the new Template, the only Template I am able to select is Default Collection. I do not see the new Template I created. (I can still see it under Customize) Did I miss a step?
Is this your live theme? You will not be able to assign templates you created in an unpublished theme.
@@EdCodes The theme was live at the time. An hour after I created the Template, I was unable to add it to my Collection on my live theme. Last night I opened that Collection again and I was then able to add my new Template. Didn't figure there would be such a long delay. All is good now. Thanks for checking in
Can you make sub-sub-collections? Would it be the same concept as creating a sub-collection?
Yes, same concept. As long as you create another page to list sub collections of your sub collection you can go as many levels deep as you want.