Refresh Theme: Add Sidebar Menu to Collections Pages

Shopify Discussion
1

I’m currently using the Refresh theme to build out a site and the client would like to have a sidebar nav on the collection pages.

Like this

Screenshot 2022-12-20 at 8.51.56 AM.png
Screenshot 2022-12-20 at 8.51.56 AM.png1430×466 190 KB

I’d like to know if this is possible and if someone could point me in the right direction to code this out.

Thank you

2

@kemmieg if you add a sidebar container you could apply a listlist-object.

You could take a look at the header Navigation as an orientation, since you’ll be doing the same (just in a column instead of a row)

3

My biggest issue is which file to work on. There is a collection.json in the template folder and then in the sections folder there is main-collection-product-grid.liquid and main-list-collections.liquid so not sure which file to work with.

4

@kemmieg the main-collection-product-gird.liquid is correct.

Look for this line

Everything within the container displays list vertically.

You could append the linklist at the end.

5

awesome that helps a lot. One more question. I have a specific menu I want to show and addling the specific linklist works great except it doesn’t show the dropdowns. Is there an easy way to add the dropdowns?

6

Hi, did you get the solution? I also want to add a side-menu to the collections page.