Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Roppo

Adding an additional layer of product filters

Recommended Posts

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.

Edited by Roppo

Share this post


Link to post

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.

Share this post


Link to post

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.

Share this post


Link to post

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


I'm a designer just starting to create some work on SquareSpace. Looking forward to working on this platform as the results looks great. Please feel free to reach out to me as I hope to share knowledge here and I'm sure I'll need help too. Cheers

Share this post


Link to post

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.


I'm a designer just starting to create some work on SquareSpace. Looking forward to working on this platform as the results looks great. Please feel free to reach out to me as I hope to share knowledge here and I'm sure I'll need help too. Cheers

Share this post


Link to post

@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.


Hi, I'm a squarespace web developer, based in the UK. I answer questions on squarespace development and customisation. Hope I can help.

Share this post


Link to post

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

Share this post


Link to post

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...

Share this post


Link to post

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

Share this post


Link to post

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

Share this post


Link to post

@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

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...