Need help keeping categories/ subcategories open on shop page

Hi,

Trying to figure out if any custom css or code can enable the shop categories to display without being clicked on on our 'shop all' front? See images...

I emailed in to customer support but they said it wasn't currently possible to do conventionally, just wondering if it's expandable by using code instead as I'm concerned that customers in our shop may not be able to find what they're looking for when they visit the shop front without it all being visible as our main categories are slightly vague!

Currently building using a trial as we see how SquareSpace works for us versus our current provider- so far so good!

First image is how it looks now, second is how I would like it to look. Has anyone done this successfully?

EDIT: Including site url/ sitewide password: https://porcupine-swordfish-s7e8.squarespace.com/ PW: wallpaper (Hope I did this right?? Unsure if this can be done as only on trial version, hopefully it works!)

Hi. Whenever you post a question, it helps forum users if you include a working link (a “URL”) to your site so we can take a look at the site, check the version and any code being used. If required, How to Post a Forum Question provides guidance on how to provide us with a link 🙂

14 minutes ago, paul2009 said:

Hi. Whenever you post a question, it helps forum users if you include a working link (a “URL”) to your site so we can take a look at the site, check the version and any code being used. If required, How to Post a Forum Question provides guidance on how to provide us with a link 🙂

Thanks! Just edited to include, hopefully it works?

3 minutes ago, ysdlondon said:

Just edited to include, hopefully it works?

Thanks for the link 🙂.

Having checked your site, these child categories don't exist on the page until the user clicks on the parent category, so it isn't possible to display them all the time. However, I agree with your feedback and would like to see this as an option. You can make a feature request and ensure it is seen by the right people at Squarespace by contacting Squarespace Customer Care using a support ticket. 

I appreciate this would be an additional cost, but you may want to look at the excellent Universal Filter 'plugin' by Squarewebsites. This is more flexible and offers many options for showing categories and filtering products.

Did this help? Please give feedback by clicking an icon below  ⬇️

3 minutes ago, paul2009 said:

Thanks for the link 🙂.

Having checked your site, these child categories don't exist on the page until the user clicks on the parent category, so it isn't possible to display them all the time. However, I agree with your feedback and would like to see this as an option. You can make a feature request and ensure it is seen by the right people at Squarespace by contacting Squarespace Customer Care using a support ticket. 

I appreciate this would be an additional cost, but you may want to look at the excellent Universal Filter 'plugin' by Squarewebsites. This is more flexible and offers many options for showing categories and filtering products.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks, and agree- I think when I contacted customer support they mentioned possibly adding this as a feature request, so will reply to that email today as well.

When you say 'parent'/'child' categories not existing, is that something I can enable or change? Noticed on a few of the solution threads I was going thru that parent/child was something I saw a lot so would it be easier to alter something on the site for future, or is it limited to the template I'm using/ my store setup? I changed from 'shop' being listed in top menu to hidden as I wanted to have a hover menu so changed it to a folder instead of a shop, is that what's causing them to not exist maybe? Sorry for the stupid question and thanks in advance, have next to no idea what I'm doing and worried I may have set something up incorrectly!

10 minutes ago, ysdlondon said:

When you say 'parent'/'child' categories not existing, is that something I can enable or change? Noticed on a few of the solution threads I was going thru that parent/child was something I saw a lot so would it be easier to alter something on the site for future, or is it limited to the template I'm using/ my store setup?

To answer your second question first, you're using Squarespace version 7.1 so you're on the latest version/template with all the latest features.

Regarding categories, if "Bespoke Wallpaper", "Studio Wallpaper" and so on were top level categories (instead of being categories within "Wallpaper" they should remain on the category list. 

I hope that helps.

18 hours ago, paul2009 said:

To answer your second question first, you're using Squarespace version 7.1 so you're on the latest version/template with all the latest features.

Regarding categories, if "Bespoke Wallpaper", "Studio Wallpaper" and so on were top level categories (instead of being categories within "Wallpaper" they should remain on the category list. 

I hope that helps.

Thanks for the assistance! I'll try rearranging my categories and see if it's a viable workaround. I have also emailed the customer support to add the suggestion as a feature request. Really appreciate your time!

Bumping topic as wondering if anyone has any solutions at all...? Would love some help if someone knows how to do this, and also keep the sidebar navigation still whilst page scrolls up/down if it's something that can be done?

EDIT: Also have moved all categories to showing/ not hidden until clicked, realised my mistake with the folder settings

3 hours ago, ysdlondon said:

Would love some help if someone knows how to...keep the sidebar navigation still whilst page scrolls up/down

You can make the category list sticky by adding the following custom CSS:

.products.collection-content-wrapper .nested-category-tree-wrapper {
  position: sticky;
  top: 200px;
}

Did this help? Please give feedback by clicking an icon below  ⬇️

9 minutes ago, paul2009 said:

You can make the category list sticky by adding the following custom CSS:

.products.collection-content-wrapper .nested-category-tree-wrapper {
  position: sticky;
  top: 200px;
}

Did this help? Please give feedback by clicking an icon below  ⬇️

Amazing, thanks!!