Jump to content

How can I create a gallery that sorts like on www.squarespace.com/templates ?

Recommended Posts

  • Replies 5
  • Views 4.2k
  • Created
  • Last Reply

It looks like there's a script on that page that grabs all of the template information into an array when the page is loaded (possibly via an Ajax call, because the project info is not a part of the initial payload). At this point the default Featured view is randomised. Refreshing the page will randomise again.

Clicking the categories fires off a script that applies that particular filter - hiding templates that are not applicable - and uses css transitions/animations to give the nice dynamic redraw effect.

Clicking a category does not randomise - only refreshing the page does that.

It's something that you can only do with developer mode and some nice client side scripting.

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  

 

Link to comment
  • 5 months later...
  • 3 years later...

Archived

This topic is now archived and is closed to further replies.

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