How do I add an image into a Collapsible Content Section (RIDE THEME)

Store Design
1

Hi all - I am wanting to add an embedded image into the collapsible content section on my Ride Theme. Can someone point me in the proper direction on how to do so?

delta1seven1_0-1656374488024.png
delta1seven1_0-1656374488024.png825Ă—420 11.3 KB

2

Hello @delta1seven1
I checked your screenshot and you need to add spacing before src on the code showing like this

Niraj_singh_0-1656375339730.png
Niraj_singh_0-1656375339730.png1919Ă—994 87.6 KB

3

Hi - Thanks for the reply! I didn’t catch that!

Unfortunately, I made the change and it still doesn’t seem to work. It displays as plain text.

I am using

delta1seven1_0-1656376796179.png
delta1seven1_0-1656376796179.png1095Ă—730 24.2 KB

4

@delta1seven1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Hi @delta1seven1

In order to add an image to your collapsible tab, simply follow the instructions below:

  • From Online Store > Pages > Add page > Fill out the required information and insert a size chart image.
  • Go to Themes > Customize > Select Product from the top center dropdown menu > Default Product template.
  • Scroll down to collapsible content and click on the size chart section > Hit Select Page > Insert the Sizing chart page you’ve created before.

AvadaCommerce_0-1656387276463.png
AvadaCommerce_0-1656387276463.png408Ă—822 15.3 KB

Hope this helps.

6

How can we do this when we have multiple different size charts? Then we would need a page or template for each? Is there a way to make it dynamic so it always matches the product, i.e. via product meta fields?

7

does anyone have a solution how to use this feature with dynamic images per product?