Jump to content

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

Go to solution Solved by Ziggy,

Recommended Posts

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!

Link to comment

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:

image.png.fe488fc797eb1f3c406c29101a4603b4.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 weeks later...
  • Solution

You can't do that with the standard accordion as there's no way to add an anchor ID to an individual accordion section. If you built an HTML solution this could be possible.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.