Seeking assistance: clicking on an image scrolls the user to the associated accordion section

Hi!

I currently have a collection of images that I'd like to enhance by adding anchor links, which will be used to connect these images to specific accordions on the same webpage.

By clicking on an image, I intend to have the user directed to a particular accordion section that corresponds to the content of the image.

How can I implement this?

Thank you in advance!

Anchor links are simple enough to add, you can follow this guide:

https://squarefortytwo.com/squarespace-guides/adding-anchor-links-on-squarespace

You can add the anchor id to an image in the image settings:

Thank you for the reply!

While I know how to add anchor links to images, I do now know how to connect them with the accordions I have placed on the same page.

I need help with that particular step

Add a code block with the anchor in it, this is an example of the code:

<span id="YOUR_UNIQUE_ANCHOR ID"></span>

Make sure to match the text capitalisation, and only use an ID once.

Could you please explain, step-by-step, how it's possible to click on an image and automatically scroll to an accordion (I added the accordion by clicking + Add block -> Accordion)?

Got it! Thank you