Change picture on accordion section click using a product block

The default action is a zoom in on the same picture no matter which accordion item is clicked. Is there a way to assign a picture to a specific accordion section and for it to change to that picture when it's clicked?

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

Click Freemodel captures... >> show image 2

click ... > show image 3

Is this right?

@tuanphan i'm looking for a solution to do exacly that yes. 

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?

I need this too.  I'd like to change an image on the page depending on what accordion item is opened.  

Looking for the exact same thing here too.

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...

Follow this solution