Jump to content

Filterable Image Gallery with Variable size images

Recommended Posts

Hello,

i am thinking of switching from WordPress to Squarespace and now building out a test site. On point I really hope to have and simplify with SquareSpace is a filterable image gallery. In essence on a landing page called 'images' I would like to have an entire overview of images and then using a filter the viewer can dial in specifically what they are seeing. Alongside this, I would also like both the overview page and the filtered gallery to show images neatly in various image sizes. As an example you can see here what my old site has: https://tristanhobson.com/photography/

Is this possible in Squarespace? Is there a current template that offers this? Does it require a plugin, or specific code?

Thank you in advance for any input and help!!
 

 

Link to comment
  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Squarespace has no option to achieve this, but we can achieve it with custom code + Gallery Section. I created a quick demo on Squarespace for you here. If you like this, I will give you a guide to achieve it.

https://section-demo.squarespace.com/gallery-fade?noredirect

pass: abc

Click: A or B or C

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

Thanks for the feedback. What you created is a cool idea but unfortunately I don't think it will cover what I need as the original home page showing all ABC would have a variety of different images randomly laid out so then when you click A or B or C and it makes an opacity highlight the user would end up having a variety of "blank" spaces in between the original random layout. Unless I am seeing this incorrectly.

Thanks

Link to comment
18 hours ago, tristanhobson said:

Thanks for the feedback. What you created is a cool idea but unfortunately I don't think it will cover what I need as the original home page showing all ABC would have a variety of different images randomly laid out so then when you click A or B or C and it makes an opacity highlight the user would end up having a variety of "blank" spaces in between the original random layout. Unless I am seeing this incorrectly.

Thanks

Ah got it.

You can see this new demo: https://summaryblock2.squarespace.com/gallery-section-filter-2?noredirect

pass: abc

 

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
  • 3 months later...

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.