Customise Accordion Blocks

Does anyone know if there is any code that will allow me to customise my Accordion blocks so when you click on a title to expand the image changes to another image rather than the current image getting bigger for each expand point?

Link to website the accordion block is on the front page:
https://www.cuppastudio.co.nz/

There is also a screen recording attached to explain what I mean 🙂

18 hours ago, emmawatt said:

Does anyone know if there is any code that will allow me to customise my Accordion blocks so when you click on a title to expand the image changes to another image rather than the current image getting bigger for each expand point?

Link to website the accordion block is on the front page:
https://www.cuppastudio.co.nz/

There is also a screen recording attached to explain what I mean 🙂

 

1604362424_ScreenRecording2022-11-09at8_01_45AM.mov

You can try using the accordion block next to the image block. When you expanse the accordion, it will make the image bigger (the standard behavior)

If you need to change the picture in another place, we need some javascript code to work around with it

Hi There, Yeah I am wanting to change the picture that is next to it not make it bigger like it is at the moment do you have the code that could work?

On 11/10/2022 at 7:34 AM, emmawatt said:

Hi There, Yeah I am wanting to change the picture that is next to it not make it bigger like it is at the moment do you have the code that could work?

Image is bigger when clicking accordion, is a bug. You can report it to SS Customer Care.

I see this problem on some sites.

The temporarily fix is setting fixed height for image, for example with Design Services image, add this to Design > Custom CSS. You can change 500 to another number

@media screen and (min-width:768px) {
.fe-6359ef2edc63975345b8021b .design-layout-fluid img {
    height: 500px !important;
}
}