Jump to content

How to stop lightbox captions from shrinking? - BeyondSpace Lightbox Studio Plugin

Go to solution Solved by Beyondspace,

Recommended Posts

Posted (edited)

Site URL: https://www.atmos.art/work/art/mediums/drawings

Hi,

I am experiencing an issue with the Lightbox Studio plugin from BeyondSpace and wondered if someone can help.
 
The Squarespace gallery lightbox captions shrink when the thumbnails are toggled and require the carousel to shift in order to resize correctly.
 
I have attached a short video to show the issue.
 

Edited by atmos
Posted
7 minutes ago, atmos said:

Site URL: https://www.atmos.art/work/art/mediums/drawings

Hi,

I am experiencing an issue with the Lightbox Studio plugin from BeyondSpace and wondered if someone can help.
 
The Squarespace gallery lightbox captions shrink when the thumbnails are toggled and require the carousel to shift in order to resize correctly.
 
I have attached a short video to show the issue.
 

 

Atmos - Plugin Issue with 'toggle thumbnails'.mov 12.01 MB · 0 downloads

Hi got your request, will check it asap

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

  • Solution
Posted (edited)

@atmos The issue with captions has been addressed in the latest update when I developed a custom theme for Lightbox Studio, you can update the plugin to solve this, attached is the video with Lightbox captions issue resolved - now the captions can resize accordingly when the active slide is resizing/shrinking, I checked it with the Buy button on lightbox captions as well

Tested against Lightbox captions on both Gallery sections and Gallery blocks

 

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
2 hours ago, Beyondspace said:

@atmos The issue with captions has been addressed in the latest update when I developed a custom theme for Lightbox Studio, you can update the plugin to solve this, attached is the video with Lightbox captions issue resolved - now the captions can resize accordingly when the active slide is resizing/shrinking, I checked it with the Buy button on lightbox captions as well

Tested against Lightbox captions on both Gallery sections and Gallery blocks

 

 

This looks great. Thank you for taking the time to fix the issue. You set the bar high for great customer service!

Posted (edited)
8 minutes ago, atmos said:

This looks great. Thank you for taking the time to fix the issue. You set the bar high for great customer service!

Do you want your site to land on our case studies post? It will earn your site some free backlinks and promote your business

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
1 minute ago, Beyondspace said:

Do you want your site to land on our case studies post?

Do you mean sharing my website URL on your website as part of a case study? If so, sure that would be great. To update the plugin to fix the toggle issue, do I just need to add the install code again and click update?

Posted
3 minutes ago, atmos said:

Do you mean sharing my website URL on your website as part of a case study? If so, sure that would be great. To update the plugin to fix the toggle issue, do I just need to add the install code again and click update?

Yes. 

PS: the recent changes of Lightbox Studio also include update for inserting videos in product lightbox, I figured you may want that as well

 

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
Just now, Beyondspace said:

Yes. 

PS: the recent changes of Lightbox Studio also include update for inserting videos in product lightbox, I figured you may want that as well

 

 

Ok great. I’m happy for you to do that. Overall the update works perfectly but it seems to not work on a certain image and wondered if you could take a look? Video attached for reference. 

 

Posted (edited)
11 hours ago, atmos said:

Ok great. I’m happy for you to do that. Overall the update works perfectly but it seems to not work on a certain image and wondered if you could take a look? Video attached for reference. 

 

Toggle Issue.mov

Pls proceed update, I missed the calculation for caption bottom...

Btw, your case study is landed 😎

 

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted (edited)

That image has now updated thank you. The majority of images look great with the box at the bottom. There are a few which still don’t quite look right. The edges of the caption box don’t line up correctly on some images when toggling thumbnails on and off. It’s only slightly off but still noticeable.

Images and video attached for reference

Direct links to these images:

https://www.atmos.art/work/photography/bw/abstract?gallery=66fc1730f0bdb5792192462b&item=d82a10fa-6d36-4c1a-a176-b292895fdd09

https://www.atmos.art/work/photography/bw/abstract?gallery=66fc1730f0bdb5792192462b&item=84aed700-2c02-4759-919a-d0a3f6450898

https://www.atmos.art/work/photography/colour/abstract?gallery=66fad6e82d50682b18ac7d49&item=0a3e284e-82c6-4edf-b48f-2df11354762f

Screenshot 2024-11-26 at 10.44.33.png

Screenshot 2024-11-26 at 10.43.42.png

Screenshot 2024-11-26 at 10.42.00.png

Edited by atmos
Posted
On 11/26/2024 at 5:52 PM, atmos said:

That image has now updated thank you. The majority of images look great with the box at the bottom. There are a few which still don’t quite look right. The edges of the caption box don’t line up correctly on some images when toggling thumbnails on and off. It’s only slightly off but still noticeable.

Images and video attached for reference

Direct links to these images:

https://www.atmos.art/work/photography/bw/abstract?gallery=66fc1730f0bdb5792192462b&item=d82a10fa-6d36-4c1a-a176-b292895fdd09

https://www.atmos.art/work/photography/bw/abstract?gallery=66fc1730f0bdb5792192462b&item=84aed700-2c02-4759-919a-d0a3f6450898

https://www.atmos.art/work/photography/colour/abstract?gallery=66fad6e82d50682b18ac7d49&item=0a3e284e-82c6-4edf-b48f-2df11354762f

Screenshot 2024-11-26 at 10.44.33.png

Screenshot 2024-11-26 at 10.43.42.png

 

Screen Recording 2024-11-26 at 10.42.35.mov 28.65 MB · 0 downloads

Screenshot 2024-11-26 at 10.42.00.png

Update: solved the issue, if you are curios on the root cause, I used .clientWidth to calculate the caption width, which actually round the value, change to getBoundingClientRect() gets the actual value with no round

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Posted
9 minutes ago, Beyondspace said:

Update: solved the issue, if you are curios on the root cause, I used .clientWidth to calculate the caption width, which actually round the value, change to getBoundingClientRect() gets the actual value with no round

Thanks for sharing and helping with this issue. Glad you found a way to solve it.

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.