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

Use masonry style layout for Portfolio page


Recommended Posts

Hello,

First time posting here, but I have a question regarding a request from my client.

Basically, she wants to have the portfolio page to look like this: https://www.furrylittlepeach.com/ (images shown in a masonry style layout).

I know you can achieve this by using a Gallery block, but in this case we would want to use it for the Portfolio page. I assume you'd need custom code for that? Unfortunately the styles provided by the Portfolio page don't allow that type of layout.

Thanks in advance!

Link to comment
On 5/17/2021 at 6:21 AM, simtom said:

Hello,

First time posting here, but I have a question regarding a request from my client.

Basically, she wants to have the portfolio page to look like this: https://www.furrylittlepeach.com/ (images shown in a masonry style layout).

I know you can achieve this by using a Gallery block, but in this case we would want to use it for the Portfolio page. I assume you'd need custom code for that? Unfortunately the styles provided by the Portfolio page don't allow that type of layout.

Thanks in advance!

Try this javascript plugin

Macy.js - A lightweight, dependency free, JavaScript masonry layout library (macyjs.com)

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
1 hour ago, simtom said:

Thanks for the plugin, bangank36! Unfortunately our plan doesn't allow code injection so I think we'll have to find some other solution.

Pure css solution is worth looking

https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
5 minutes ago, simtom said:

Thanks for the link! I assume this requires more than just copy/paste? In a distant past I used to have coding experience but that sadly has faded away.

yes it is just a start...

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. 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...