Jump to content

Adding Lightbox to portfolio page instead of project

Recommended Posts

Site URL: https://buffalo-azalea-5mzy.squarespace.com

Hi everyone!

I am currently a bit stuck trying to create some sort of portfolio page. I am using the portfolio template "Portfolio 1" in a grid shape, in Squarespace 7.1.

My goal is to have the same look and title on hover effect as is standard, but instead of refering to another page (a project page for instance) I would like it to open a lightbox when clicked. This lightbox may contain 2/3 images and a short description.

I also thought about another workaround, using a gallery section but adding the "title on hover" effect. However, the lightbox then would need to have some "Hidden" images that only show in Lightbox mode. Preferably the lightbox needs to be closed to view the next project.

So far I haven't succeeded trying to find the code and using it. I am fairly new to this!

Does anyone know how to do this? I would be super grateful!

 

Link to comment
  • 1 month later...

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 4 weeks later...
  • 1 month later...
On 5/23/2020 at 8:59 PM, KimS said:

Me too!

 

On 6/25/2020 at 2:46 PM, elizamoraes said:

@tuanphan Do you have a code for this?

Use Anything Lightbox Plugin.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 months later...
16 hours ago, joshroos said:

Hi @tuanphan,

I've added the Anything Lightbox Plugin to my site -- how do I bypass the portfolio page links so they open a video lightbox instead of a portfolio project page?

My site: https://rb4.squarespace.com/

(password: RB4)

 

I guess we can use JS to change some project links. However you can contact Plugin Author first, if they can't help, let me know, I will check carefully

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
4 hours ago, tuanphan said:

I guess we can use JS to change some project links. However you can contact Plugin Author first, if they can't help, let me know, I will check carefully

@tuanphan Not sure if it's a question for the plugin author -- is there an easy fix so project links on a portfolio page can open a #lightbox- url instead of going to a project subpage?

Let me know if that makes sense. 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.