Jump to content

Add image or table to accordion block

Recommended Posts

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.

Schermafbeelding 2022-08-13 om 12.20.28.png

Link to comment

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.

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

 

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
  • 3 months later...

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/

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

Link to comment
  • 9 months later...
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

 

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.