Glenno Posted October 10, 2019 Share Posted October 10, 2019 Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you! BerniceH, wholeheartcreative, ManuMateo and 1 other 4 Link to comment
Glenno Posted October 12, 2019 Author Share Posted October 12, 2019 (edited) 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! Edited October 12, 2019 by Glenno Beyondspace 1 Link to comment
ManuMateo Posted November 12, 2019 Share Posted November 12, 2019 Anyone? I'm very interested too 🙂 Fotorune and Beyondspace 2 Link to comment
Ize86 Posted December 4, 2019 Share Posted December 4, 2019 I'm interested too. no answers, really? Fotorune and Beyondspace 2 Link to comment
Sensebellum Posted January 27, 2020 Share Posted January 27, 2020 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! hofergeo and Beyondspace 2 Link to comment
Sensebellum Posted January 27, 2020 Share Posted January 27, 2020 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/ Beyondspace 1 Link to comment
BerniceH Posted April 20, 2020 Share Posted April 20, 2020 Has anyone been able to find a solve for this? Nut understanding why this isn't built in already. Beyondspace 1 Link to comment
vernistage1 Posted April 23, 2020 Share Posted April 23, 2020 (edited) 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? Edited April 23, 2020 by vernistage1 MarissaTorre, Billy_Lindon, estnyboer and 1 other 3 1 Link to comment
Sensebellum Posted May 28, 2020 Share Posted May 28, 2020 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! Beyondspace 1 Link to comment
Sensebellum Posted May 28, 2020 Share Posted May 28, 2020 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 Ad7am and HelenCrozier 2 Link to comment
Guest Posted July 7, 2020 Share Posted July 7, 2020 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" /> Link to comment
smdreyer Posted July 9, 2020 Share Posted July 9, 2020 Can you provide your URL and the exact steps? Thx. Beyondspace 1 Link to comment
Sensebellum Posted July 17, 2020 Share Posted July 17, 2020 Vani, where do you put this code? For each page? Or in the site wide Custom CSS? Thanks! Beyondspace 1 Link to comment
smdreyer Posted July 19, 2020 Share Posted July 19, 2020 Vani - same question. Beyondspace 1 Link to comment
ManuMateo Posted August 26, 2020 Share Posted August 26, 2020 Vani - same question. 🙂 Beyondspace 1 Link to comment
Emma456 Posted October 23, 2020 Share Posted October 23, 2020 @Vani - can you share how you did this please? Beyondspace 1 Link to comment
creedon Posted October 23, 2020 Share Posted October 23, 2020 @Emma456 Usually code like this is put in Header Code Injection. Please see Using Code Injection. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Emma456 Posted October 24, 2020 Share Posted October 24, 2020 @creedon unfortunately that hasn't quite worked... any ideas what else I could try? Beyondspace 1 Link to comment
IvanRostas Posted December 1, 2020 Share Posted December 1, 2020 Has this question been answered? Beyondspace 1 Link to comment
mcroyal Posted January 14, 2021 Share Posted January 14, 2021 I find this missing feature ABSURD!!! C'mon Squarespace!! Fix this thing ASAP please!!! KoriLinaeC 1 Link to comment
Anafreitas Posted February 18, 2021 Share Posted February 18, 2021 On 10/12/2019 at 1:03 AM, Glenno said: 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! Hey Glenno! Do you have any answer to this yet? Thanks! Beyondspace 1 Link to comment
IanC_Design Posted April 18, 2021 Share Posted April 18, 2021 FYI can confirm that BaNgan's plugin does this well! https://www.etsy.com/listing/948815689/squarespace-plugin-pinch-zoom-lightbox?utm_source=squarespace_forum&utm_medium=topic&utm_campaign=support Beyondspace and CptFeeny 2 Link to comment
Happylilsunbeam Posted May 18, 2021 Share Posted May 18, 2021 I can’t believe that a website template geared towards photographers and artists doesn’t offer a pinch and zoom feature, not to mention the weird limitations with caption features. Captions! This is basic stuff. I just built a site on Shopify and I easily found all the design features Squarespace is withholding. I would have preferred staying at Squarespace but after being underwhelmed with version 7.1 I just couldn’t justify staying. MStraub, Sensebellum, smav12 and 5 others 8 Link to comment
Beyondspace Posted May 19, 2021 Share Posted May 19, 2021 8 minutes ago, Happylilsunbeam said: I can’t believe that a website template geared towards photographers and artists doesn’t offer a pinch and zoom feature, not to mention the weird limitations with caption features. Captions! This is basic stuff. I just built a site on Shopify and I easily found all the design features Squarespace is withholding. I would have preferred staying at Squarespace but after being underwhelmed with version 7.1 I just couldn’t justify staying. Which shopify page builder you are using CptFeeny 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment