Jump to content

Gallery Block in Brine (7.0) hoping to code so mobile performs differently

Recommended Posts

Site URL: https://www.mattreynoldsphotography.com/naturescapes

Currently I have multiple galleries that I would like to code so when clicked the individual images in the gallery open to a Lightbox on a computer/tablet (currently set this way) 

BUT on a mobile they instead go a click through URL to another area on my site 

Possible?

The template allows for either on both platforms (Mobile or Computer) so can set each to click through URL currently but then would want the computer/tablets to ignore this and open in a lightbox.

The site link above is to 1 gallery ; but I want to do the same on the 6 different Gallery Blocks I have. 

Link to comment
On 3/18/2021 at 1:31 AM, MattReynoldsPhotography said:

Site URL: https://www.mattreynoldsphotography.com/naturescapes

Currently I have multiple galleries that I would like to code so when clicked the individual images in the gallery open to a Lightbox on a computer/tablet (currently set this way) 

BUT on a mobile they instead go a click through URL to another area on my site 

Possible?

The template allows for either on both platforms (Mobile or Computer) so can set each to click through URL currently but then would want the computer/tablets to ignore this and open in a lightbox.

The site link above is to 1 gallery ; but I want to do the same on the 6 different Gallery Blocks I have. 

Gallery block will hide the clickthroughURL when lightbox enable, only summary block display the url and lightbox option altogether, in this case we can disable the lightbox on mobile and allow the image to navigate away using custom javascript

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

Thank you bangank36!

I thought I was going to pay a designer to code something as I just not could get this to work but lucked into something that I actually prefer over my original request.  Did not see your reply until now.

I did use Summary Blocks in my solution (as you mentioned).   

Not finished yet, but think my solution will work which basically involved coding a BUY button on the same line as the title below each image and that works well on both mobile and desktop so far for the clickthrough and if the image itself is clicked will open in the Lightbox.

 

Link to comment
2 hours ago, MattReynoldsPhotography said:

Thank you bangank36!

I thought I was going to pay a designer to code something as I just not could get this to work but lucked into something that I actually prefer over my original request.  Did not see your reply until now.

I did use Summary Blocks in my solution (as you mentioned).   

Not finished yet, but think my solution will work which basically involved coding a BUY button on the same line as the title below each image and that works well on both mobile and desktop so far for the clickthrough and if the image itself is clicked will open in the Lightbox.

 

Glad you find a solution that works

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

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.