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

Zoom-in from Lightbox


ellewin

Question

Site URL: https://yigal-shtayim.squarespace.com/

Hello! 

I know that this question has cropped up here and there on the forum but I have not yet seen a solution or a definitive answer as to whether this is even an option using custom CSS code.

Here goes: 

I am working on a site right now and would like it if you could zoom-in from the lightbox. Ideally this would be a -/+ with a slider bar on the button that would allow someone to pan around... Here is an example: https://www.artsy.net/artwork/katarina-riesing-cardi

It would really stink if I had to move everything over to Artsy just for this function (it's a big deal for these paintings!) especially after I have spent all this time on Squarespace building the site. 

Can anyone help? 

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

An update.  And in case someone else wants to have some sort of Zoom in function and a Lightbox... hopefully this can help them.  So. I removed the Gallery and made a Product page. This allo

Site URL: https://yigal-shtayim.squarespace.com/ Hello!  I know that this question has cropped up here and there on the forum but I have not yet seen a solution or a definitive answer as to whe

2 answers to this question

Recommended Posts

  • 0

An update. 

And in case someone else wants to have some sort of Zoom in function and a Lightbox... hopefully this can help them. 

So. I removed the Gallery and made a Product page. This allows for zoom in on hover in addition to having a Lightbox.  

I used the following code in the Custom CSS section to strip the Product from it. 


//hides quantity
.product-quantity-input {
 display:none !important;
}
/* Hide the price */
.product-price {display: none !important;}
//display full image size
body#collection-5d7ad0f223f3d9618c6cb1cb .ProductList-image {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
}

 

I am still working on this... it will probably change and while I might not post an update to this update I wanted to at least give an update and possible work around. 

 

I hope this is helpful to someone in the future. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...