Jump to content

Need help keeping categories/ subcategories open on shop page

Recommended Posts

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?

Screenshot 2023-06-07 at 12.37.21.png

Screenshot 2023-06-07 at 12.38.08 WTB.jpg

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!)

Edited by ysdlondon
Include sitewide password
Link to comment

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 🙂

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
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  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
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!

Link to comment
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.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
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!

Link to comment

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

Edited by ysdlondon
Link to comment
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;
}

image.thumb.gif.094bbe66f417aaac06d124a4bbd57544.gif

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

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
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;
}

image.thumb.gif.094bbe66f417aaac06d124a4bbd57544.gif

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

Amazing, thanks!!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.