Jump to content

Adding Filters to a Portfolio page

Recommended Posts

Site URL: https://bell-rust-j6b5.squarespace.com

Trying to cobble together a simple portfolio site for architects where you can filter each project by a category; ie. Residential, Commercial, Public etc. I was going to purchase a filter plug in, but it appears portfolio pages don't have the option to assign a category to a page. Is my only option to create these pages as a Blog? Visual attached of what I'm trying to achieve. Thanks!

 

Screenshot 2021-08-12 at 12.14.46.png

Edited by Graphicaljordan
update text
Link to comment

Hi.

With Filter Plugin, they allow you to use SEO Description to assign category. However you will need to tweak some code to achieve this (not sure plugin author supports this).

or you can use Blog Page to achieve this. If you have problem with hover effect when using blog page. We can help this!

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
On 7/3/2023 at 12:05 AM, ajonovski said:

@Graphicaljordan blast from the past! The site looks great and it looks like you were able to achieve the filtering on the portfolio. Did you end up using the Filter Plugin? I'm trying to achieve a similar treatment for my design portfolio.  

Yes. It looks like they used Filter Plugin. I checked their code & found Filter plugin code

image.thumb.png.83057ecdde99b6a0b11a294caf9b6d76.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.