Adding an additional layer of product filters

Hi there!

My website is fertha-s.squarespace.com

My question is this:

Is there a way to add an additional layer of product information that can be used to further filter out products of a specific category... I.e. If I click +shop women > Dresses I'd like users to be able to refine by colour, size and price.

An example of what I mean can be found on the Ben Sherman website here - on the left hand side of the page.

Essentially it's a tickbox that will filter down based on those 3 criteria.

I've tried tagging products and then using the archive block BUT this method displays all results tagged with the colour blue (for example) rather than specifically blue dresses...

I'm stuck here and this feature is integral to the user journey.

Any help for ideas?

Rob.

Update...

I know it's possible to isolate a category via the URL, like this:

/shop/women?category=Dresses

Or a tag, like this:

/shop/women?tag=Colour%3A%20Black

Is it possible to do both? The below isn't working:

/shop/women?category=Dresses?tag=Colour%3A%20Black

I might not be separating the category and tag elements correctly (currently using a '?') - If I can suss this out, it may be a decent alternative IF I can't work out how to integrate an actual filter function.

Thanks,

Rob.

Turns out you can use an '&' to create multiple parameters, so it would look like this:

/shop/women?category=Dresses&tag=Colour%3A%20Black

So this is a solution of sorts...

Still really interested to know if there's a check-box style filter method, if anyone can help?

Rob.

I've tried all sorts of option to try and achieve this... it would be awesome to know how you managed to get those filters there

Hi RobI had a look at your store and you seem to have fixed this as you can apply filters to dress colour and size etc.

How did you do this? I am setting up a shop too and want to filter by brand and by age etc. I'd really appreciate help on how you resolved this. What you've done looks good. Well done

Thanks, Ian.

@roppo I'm also trying to do something similar. Did you end up using an archive block or adding this directly to the store? Your site looks amazing btw.

Dear All,

I am also looking for filter options such as size /color/ price. Did any of you had a chance to implement it? I will be very happy if you can tell me how to do it so @Roppo @IanDesigner @kfjegede

thanks

ece

Let me know your squarespace URL(s) and I'll take a look :)

Hi @Roppo , I'm trying to figure this out currently and am totally stuck. How did you actually implement the tags in order to filter your products, and where? I'd like to see your site too (how is everyone finding it?) All I'm trying to do is get that third filter level without using a drop down in the main navigation.

Something like Shop -> Stationary & Office and then a filter for 'mouse pads' 'notebooks' and 'greeting cards'. I'd be ever so grateful to know, I've been battling this for hours with no progress...

@Roppo please do share how you managed to add that "refine by" menu to your website.

@Roppo can you share how you did the filtering. I am desperate for a solution. Mine is simple (new or used) (by price range) and (traditional or sporting)

Hi Rob, I'm coming in a little late to the question. However, I can see that you've managed to add the filter options! I'm desperately trying to do this for a site of mine. Did you just use the custom CSS and code block or did you have to use developer mode? If so, if you could share the steps I'd be very grateful. Thanks in advance, Joe.

@Roppo

I can help with this - please drop me a mail: rob(at)chameleondd(dot)com and we can discuss your project in more details. Thanks.

Hi @Roppo I've just come across this question thread and am trying to set up the exact outcome you've created on http://fertha-s.squarespace.com/shop/women/dresses/It's for a new site I'll be starting in January. Any chance you can give me some guidance on what's required? Alternatively, if it requires a bit of custom coding, would you be interested in taking on that component as a one-off paid project?ThanksDaniel

@Roppo I am also trying to figure this out. I love the way yours looks and would like to do something similar on a site I'm building. I would really appreciate it if you could help me out. The site is lifeguardmd2.squarespace.com

@Roppo can I contact you for assistance on creating a filter like this?

@Roppo any chance you can help me with this? I love how it looks on your site. 

This can be achieved with a third-party add-on called Universal Filter. 

Is there a step by step for the Universal Filter?

On 3/1/2021 at 5:30 AM, grahar81 said:

Is there a step by step for the Universal Filter?

@grahar81 Michael have made installing the plugin simpler with a Get Filter Config button. You can find the instructions on the first section of the Universal Filter documentation.