What's your biggest current challenge? Have your say in Community Polls along the right column.

Show other collections at the same nest level?

Show other collections at the same nest level?

nztack
Excursionist
21 0 6

I want to show headers for other collections at the same nest level on the collection page.

 

Navigation allows menu nesting down to 3 levels. E.g. Mens Clothing > Shirts > Long Sleeve Shirts. However it seems you can only display Subcollection headers for collections nested bellow the current collection page. Is there any way to show collections at the same nest level? E.g. If a customer selects "Long Sleeve Shirts" I would also like them to see other collections at the same nest level such as "Short Sleeve Shirts" and "Dress Shirts"

 

I hope that makes sense!

Reply 1 (1)

DaisyVo
Shopify Partner
1024 129 143

HI @nztack 

To display headers for collections at the same nest level on a collection page, you can follow these steps:

1-Edit the Theme Code: Go to your Shopify Admin > Online Store > Themes > Customize > Edit Code.

2-Locate Collection Template: Find the template file for collections (collection.liquid or similar).

3-Query for Same-Level Collections: Use collections object in Liquid to fetch collections at the same nesting level. For example:

{% assign parent_collection = collections['parent-collection-handle'] %}

{% for collection in parent_collection.collections %}

    <a href="{{ collection.url }}">{{ collection.title }}</a>

{% endfor %}

4-Filter by Parent: If necessary, organize collections in a way that you can logically fetch siblings (e.g., via manual collection grouping or tags).

5-Save and Test: Save changes and preview the collection page to confirm the sibling collections are displayed.

This method requires organizing collections consistently and possibly adding parent-level logic.

 

If you have other questions, I will also answer them.

 

Best regards,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution