Allow pinch-to-zoom for Lightbox images on mobile?

Even if you don't know how to do it, does anyone know for sure whether or not this is even possible?  It has been requested for many years by different people.  Squarespace Support could not answer my question to verify whether or not it's even possible.

Thanks!

Anyone? I'm very interested too 🙂

I'm interested too. no answers, really?

Me too!

I would like to ping this. It's really too bad this is still not implemented.

It's a naturalized gesture with mobile users. Ever person I have seen using my website tries for this and then it's an awkward explanation of why it still can't happen. It's like a piece of software that hasn't upgraded to the mouse but uses a GUI.

It's a huge missing step and I would be open to seeing how we can crowd-fix this or submit this to the Squarespace team so they can implement it. It's not rocket-science or a neural network for hashtags. It's pinch-zoom!

For instance is anyone brave enough to give this a shot? Looks like there might be a solution to try though it's paid.

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

Has anyone been able to find a solve for this?

Nut understanding why this isn't built in already.

Hey, I was trying to figure out why Squarespace wouldn't add what seemed like such a simple responsive feature request. I started isolating my lightbox classes in Chrome dev tools and noticed a "yui" id. I couldn't find "yui" anywhere in the template source code, so I started Googling. It appears that Squarespace may be fully relying on this library: https://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui, which was abandoned years ago. I saw someone posted this issue about updating touch zoom features for Google Chrome, and my worst fears were confirmed: https://github.com/yui/yui3/issues/1997. Squarespace, did you build this entire site on an abandoned codebase? Are you building off a fork somewhere? If you're still maintaining a fork, why are you not keeping touch actions up-to-date with contemporary UI and browser capabilities? 

Wow, that was deep vernistage1 nice work!

I tried out the plugin I listed and it doesn't solve the problem. Slight nuance in the type of zoom functionality it provides vs what is needed.

I noticed between that original post and now the Lightbox functionality works slightly differently. Still no zoom though... Will keep searching!

For the record here is another plugin. "Pinch Zoomer jQuery Plugin"

Not sure on how to integrate with Squarespace but it seems like it gets at the issue.

https://codecanyon.net/item/pinch-zoomer-jquery-plugin/6623080

One line of code before </head> tag should do the stuff. Thanks to Marius I solved the same problem on my website. You can change maximum-scale to 2.5 or 3.0 depending of your needs.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=1" />

Can you provide your URL and the exact steps? Thx. 

Vani, where do you put this code? For each page? Or in the site wide Custom CSS? Thanks!

Vani - same question.

Vani - same question.  🙂

@Vani - can you share how you did this please?

@Emma456

Usually code like this is put in Header Code Injection. Please see Using Code Injection.

@creedon unfortunately that hasn't quite worked... any ideas what else I could try?