Add image or table to accordion block

Site URL: https://chiton-drum-cgz2.squarespace.com/

Hi all,

I haven't found the answer to my problem on the forum yet, so I am posting this question.

The client now has the information displayed in WP like this with specs, key features and sample holders.:

https://www.porometer.com/gas-liquid-porometry/pressure-scan-series/ 

I am trying to mimic this with three accordions next to each other.

Several products have technical specifications that are shown in table format. Preferably, I would add a scalable table to my accordion, but I understand that is not possible? So I would settle for adding images of the tables in the accordion (or any other form of drop down option) instead.

So I need to add an image to the different accordions with technical specs.

Does anyone have a magic answer for me? Previous answers I found on the forum did not work.

Would appreciate some wizardry.

Thanks for posting any suggestions.

You can add image to accordion with code. However difficult to do similar in the future.

If you share link to page where you added accordion, we can give code easier.

Or you can find sample code in this post.

You can consider using 3rd party accordion code, thus, you can add table into accordion easier.

Some accordions code you can consider.

• Accordions Tab Plugin (allows you add accordion & tab)
• Will Accordion Pro

You can add any blocks (video, image, gallery, form...) into accordion content with these plugins.

Quote

(The answer contains an affiliate link, which means I will receive a small commission if you click and buy the plugin according to the link above.)

Take a look at my video, for now there is support only for images but the process is pretty simple. 

Also the article: 

https://www.ui-workarounds.com/how-to-make-a-squarespace-accordion-image-friendly/

Excellent thanks !

Hello,
I am looking for a code so I can use images in an accordion block.

can someone help me?

On 9/12/2023 at 9:04 PM, ikigaibookclub said:

Hello,
I am looking for a code so I can use images in an accordion block.

can someone help me?

If you need to add 1 or 2, you can see #14 in below thread, if you need to add more, you should consider using a custom accordion code

Here's how you can add custom icons to the Accordion Block while keeping the arrow or plus sign.

CODE LINKS: https://www.patreon.com/posts/how-to-add-icons-110780721?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link

☕ Did I help? Buy me a coffee?

You can also use this new guide to add an image to accordion block