Jump to content

Link to a image lightbox

Recommended Posts

Posted

I'd like to link directly to an image block already opened in a lightbox. Is this possible? If so, how do it do it?

 

For reference: In an email I'd like to be able to say "refer to this image" and have "this image" hyperlinked to the exact image already opened in a lightbox. They can then 'x' out the lightbox and peruse the sight as necessary. 

  • 2 weeks later...
Posted

Yes, ideally "this image" will be hyperlinked in an email. When clicked on in the email it will open my website, to an image from my site in a lightbox where the user can then opt to close out the window (X) and continue to peruse the site.

In other words, I want to be able to direct them to a specific image on my page (a page that has multiple image blocks) and give them the option to continue to look through my website by having that image open in a lightbox.

Right now, this is what I have: this image. And this is the page it's pulling from: https://www.hkportfolio.com/extracurriculars

  • 2 months later...
Posted
On 3/12/2024 at 3:21 AM, hilary said:

Yes, ideally "this image" will be hyperlinked in an email. When clicked on in the email it will open my website, to an image from my site in a lightbox where the user can then opt to close out the window (X) and continue to peruse the site.

In other words, I want to be able to direct them to a specific image on my page (a page that has multiple image blocks) and give them the option to continue to look through my website by having that image open in a lightbox.

Right now, this is what I have: this image. And this is the page it's pulling from: https://www.hkportfolio.com/extracurriculars

These dynamic links only available on Squarespace Grid section lightbox, for example https://www.joeyfennartist.com/?itemId=w1lfchnzjh4x9mmqvzl98silkrd7g2 will open the page with lightbox already opened.

Since you are using Image blocks in Fluid engine section, it is not available. May I suggest alternate solution using Lightbox Studio? Every slide is assigned with a unique URL regardless the gallery type, these URLs allow to automatically open the targeted gallery on page load, as you can see here

https://www.photosbydamon.com/?gallery=65a316cd2812eb7baf709338&item=5c754bbd-269d-4abb-b393-dee95b8c8ec3

Btw, you can use this playground URL for your site to check other features

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

  • 4 months later...
Posted

@Beyondspace Follow up to this, if you have a minute! I want to create a URL that will bring someone to my website with a lightbox form already open -- I have the #block ID, but I can't figure out how to format my URL to add that on. Any tips on that front? The block ID doesn't look like the item# example above. Thank you!!

Posted
8 minutes ago, KC5 said:

@Beyondspace Follow up to this, if you have a minute! I want to create a URL that will bring someone to my website with a lightbox form already open -- I have the #block ID, but I can't figure out how to format my URL to add that on. Any tips on that front? The block ID doesn't look like the item# example above. Thank you!!

That url is generated when you installed Lightbox Studio plugin, it not built in feature

The only gallery with support deep linking by default on squarespace is gallery 7.1 sections Grid layout

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

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.