Jump to content

Add images to drop down accordion.

Recommended Posts

  • Replies 3
  • Views 2.2k
  • Created
  • Last Reply

Top Posters In This Topic

Posted
1 hour ago, saschulze said:

Site URL: https://www.infinix.com/all-products/flowable-composite

Hello,

On our products pages I have a drop down accordion that currently displays text.  There is a Technical Details section that I want to include images along with the text.  I don't see an option to add an image. 

How could that be accomplished?

Thank you,

Stephanie

You can get reference from @tuanphanpost in #14. Add an Image inside Accordion Content

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

This works however it changes all the accordions on every page to the same image.  I have three commerce pages as below.  Each Tech section would have a different image.  How could I target that specific page with a specific image in the accordion?

https://www.infinix.com/all-products/bulk-fill-composite

https://www.infinix.com/all-products/universal-bonding

https://www.infinix.com/all-products/flowable-composite

Posted
On 2/11/2022 at 8:44 PM, saschulze said:

This works however it changes all the accordions on every page to the same image.  I have three commerce pages as below.  Each Tech section would have a different image.  How could I target that specific page with a specific image in the accordion?

https://www.infinix.com/all-products/bulk-fill-composite

https://www.infinix.com/all-products/universal-bonding

https://www.infinix.com/all-products/flowable-composite

You can wrap the code in style tag 

<style>

add code here

</style>

Next, edit each page >> Additional Info >> Add a Code Block >> paste the 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!)

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.