Hello,
I’m working on my Shopify shop since almost 4 months now and I’m absolutely happy about the overall experience.
However, there are a few details every now and then that give me a hard time wrapping my head around. One of which is collections, sub/child-collections and how they are displaying products along with URL schemas.
Let’s say I have the following menu setup:
Parent collection
– Product P1
– product P2
- Child collection A
– Product A1
- Child collection B
– Product B1
The status quo
A user visit the store and clicks on the parent collection. Only product P1 and P2 from the parent collection are now visible, products from child collection A and child collection B are excluded.
There is no link that I can click on in the sidebar that brings me to child collection A or child collection B.
Also, the URL is discarding the nested menus. When I visit child collection A by clicking the link in the navbar, the URL of the website is mystore.com/collection/child-collection-A
What I want to achieve
If the user clicks on the parent collection, she will be presented with products P1, P2, A1 and B1 along with links to child categories A and B to choose from. The URL of the website is mystore.com/collection/parent-collection.
Now she clicks on child collection A and only sees product A1, product B1 and the rest are not displayed anymore.
The URL of the website is now mystore.com/collection/parent-collection/child-collection-a.
What I tried
I tried using link lists, nested menus, filters and tags, adding products from child collections to parent collections too, but it feels this is not a clean solution.
What I try to solve for
- Nesting and displaying products in each parent and child collection
- Links in the sidebar to display child collections, if available from parent collection
- Nested URL schemes, as I think this has a SEO impact as well
Bonus points: Fix the breadcrumb navigation based on nested collections
Thanks!