Jump to content

Zooming in on images in either gallery, lightbox, or image blocks

Recommended Posts

I have what seems like a simple request: I'd like to create a gallery page where you can zoom in on the images. Some of the pictures are tall and narrow, and thus, it's important that you can zoom in and then scroll to see the entire image close up.

I've tried using image blocks, a gallery page template, and a gallery block within a regular page, and none seem to allow sufficient zooming, even in lightbox box mode.

Is there code I can add for this?

Thanks in advance!!

Edited by IveGotQuestions
Initial Revision
Link to comment

You can zoom into Squarespace images and enlarge them in a lightbox with Magic Zoom Plus. We've create a special Squarespace script so that its easy to install. You can download a free trial and email our support team if you need any help.

https://www.magictoolbox.com/magiczoomplus/modules/squarespace/

You can use it to swap a main image, like the animation below or you can show lots of larger thumbnails and each of them can be zoomable independently.

Squarespace image zoom with Magic Zoom Plus

DavidMagic Toolbox

Link to comment
  • 2 weeks later...
  • 1 year later...

Hi @Magic Toolbox
Is the Magic Zoom or Magic Zoom Plus working with the carrousel layout of the Product Page in 7.1?
Squarespace has got a technical issue currently with this layout and can't activate the zoom option.
So your tool could be a solution in the meantime.
Thank you,
Florence

👩🏻‍💻 Florence

🇫🇷 I'm like a Squarespace French Guide www.florenceredacchef.com
🖤 I'm animating @squarespacefrance community
⌨️ I've also recently created @apprendresquarespace

 

 

Link to comment
  • 1 month later...
2 hours ago, jaeveedee said:

@Magic ToolboxIs this still something you need to pull in from another server or can we upload the files into the file manager in SS like most other plugins?

I offering one plugin that meet your need, pm me for more detail

Greeting, it's 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, Keyword Highlighter
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
  • 8 months later...
On 3/7/2021 at 9:23 AM, bangank36 said:
On 3/7/2021 at 7:05 AM, jaeveedee said:

@Magic ToolboxIs this still something you need to pull in from another server or can we upload the files into the file manager in SS like most other plugins?

I offering one plugin that meet your need, pm me for more detail

Hi- My client requests a "pinch zoom" on mobile. Has this been addressed in Squarespace do you know?

Link to comment
3 hours ago, kakers said:

Hi- My client requests a "pinch zoom" on mobile. Has this been addressed in Squarespace do you know?

It is not enable by default, you can buy my solution, in the signature

Greeting, it's 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, Keyword Highlighter
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
  • 4 weeks later...
On 3/7/2021 at 11:23 AM, bangank36 said:

I offering one plugin that meet your need, pm me for more detail

Stumbled on this thread and your plugin was the perfect solution for our site. Ngan was very responsive and helpful throughout the brief install process, thanks again! 

https://www.etsy.com/listing/948815689/squarespace-plugin-pinch-zoom-lightbox

Here's the gallery section of our site if anyone wants to see how it looks live:

https://www.bolteconstruction.com/kitchens

Edited by gamstutz
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.