Jump to content

How to make images in list section clickable?

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://jaguar-grey-rryj.squarespace.com/all-treatments

Hello Circle people,

In this list section I would like to make each image clickable and link to the relevant page (same links as the buttons, and I want to keep the buttons).

https://jaguar-grey-rryj.squarespace.com/all-treatments

Would anyone be able to help?

Thanks in advance!

Emmanuelle.

Screen Shot 2022-06-11 at 8.34.56 pm.png

Edited by emm.farines
Link to comment
  • emm.farines changed the title to How to make images in list section clickable?
  • Solution
On 6/11/2022 at 11:36 AM, emm.farines said:

In this list section I would like to make each image clickable and link to the relevant page

Take a look at the solution I published here: Make Squarespace list items clickable.

This takes the link that you've assigned to each CTA button and applies it to the entire list item. This means that users can click the image or any other aspect of an item to trigger the CTA action.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • 2 weeks later...
On 6/11/2022 at 10:00 PM, paul2009 said:

Take a look at the solution I published here: Make Squarespace list items clickable.

This takes the link that you've assigned to each CTA button and applies it to the entire list item. This means that users can click the image or any other aspect of an item to trigger the CTA action.

Has this post helped you? Let everyone know by clicking an icon below  ⬇️

Thank you so much Paul, it has worked perfectly!! 🌟😀🙏

Link to comment
  • 7 months later...
On 2/23/2023 at 5:11 AM, kkedwards87 said:

 there a way to make this code work to open a lightbox? Thanks

You will need to use a plugin to enable lightbox first (Maybe enable on button, then use code to make image clickable, use button link)

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

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.