Jump to content

Filter System- multiple variables!

Recommended Posts

Hi Everyone,

I hope you're all good?

I'm a little bit stuck and I'm not sure how best to format my website. Essentially its a travel deals page where I want to link out to awesome flight and hotel deals! The site URL page gives you a flavour of what I mean (as does the screen grab video attached).

I'm looking for a way where I can add multiple filter options to these pages, so members can filter by a few different variables (Departure Airport, Destination Country, Style of Trip- Budget/Luxury etc). So rather than having individual pages based on category (what I have now) I can have one page, with all deals, which can then be filtered by users. When the user finds the deal they want, they would click 'Learn More' and be taken to a page with more information about the deal.

I'd ideally have two of these pages. One for 'Free Members' and one for 'Premium Members', with the latter having loads more deals to filter through (maybe 50-60 deals!).

Is something like this possible? If so I'd be soo grateful for any pointers, or any Custom CSS I could use to make this happen 🙏

If you're a travel lover, happy to give a free premium membership to the site when its launched as a thank-you!

Thanks! 

Mark 

Link to comment

Can you share your website URL? (the form field when posting doesn't get passed through to this page)

How have you got the page set up with the deals?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Given that you are using standard blocks to create your "deal cards" there's really no way to sort or filter them. If you want the ability to do that you would need to use a collection of some sorts, but that would impact the design capabilities. I'm not sure the best thing to suggest here, sorry about that!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
9 minutes ago, Ziggy said:

Given that you are using standard blocks to create your "deal cards" there's really no way to sort or filter them. If you want the ability to do that you would need to use a collection of some sorts, but that would impact the design capabilities. I'm not sure the best thing to suggest here, sorry about that!

I would be happy to use just a gallery and then contain the deal info on standalone pages (linked through the images), if that would give me the filter functionality. Could that be a bit of a workaround? (if there is a way to add filters to gallery blocks that is).

Thanks !

Link to comment

This is the best filter plugin for Squarespace that I know of:

https://www.squarewebsites.org/squarespace-plugins/universal-filter

It works with collections like blogs, but also portfolio pages and galleries.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.