Jump to content

Change picture on accordion section click using a product block

Recommended Posts

  • Replies 6
  • Views 892
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
  • 3 months later...

Yes! I'd also like to find the answer to this question. Thank you for any help!

On 9/20/2022 at 7:34 PM, tuanphan said:

You mean click Agent provides information  >> Show image 1 on left

Click Freemodel captures... >> show image 2

click ... > show image 3

Is this right?


Yours by Design,
Midori Amae


EF'n Creatives LogoChief Creative Solution Slayer, Emerald Fox Creatives
hello@efncreatives.com | www.EFnCreatives.com | (862) 235-4087

HAUS@efncreatives.com | www.hausofpas.com | NYC, DC, Worldwide

Link to comment
  • 5 months later...

For future comments, to achieve this, you will need to use JavaScript code (require Business Plan or higher)

#1. First add some text to right

#2. Add an image on left

#3. Share link to page where you added it, we will check & give the code

(Each page will require a different code, There is no universal code for all cases)

Idea here, if you know a little of CSS/JavaScript

  • When clicking on text 1 >> Use Java code to turn image url to new image url
  • When clicking on text 2 >> Use Java code to remove first image url + add second new image url
  • Do similar for text 3, 4, 5, 6...
Edited by tuanphan

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

Contact Customer Care - Learn CSS - Buy me a coffee (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.