How can I add custom dynamic images (Unique to every product) to collapsible rows?

Store Design
, ,
1

Question.png
Question.png812×382 38.6 KB

2

Hi @YOyo18 ,

Can you share your store url

3

To add custom dynamic images that are unique to every product within collapsible rows, you’ll need to make some modifications to your theme’s code. Here’s a general guide on how you can achieve this:

  1. Identify the file in your theme where the collapsible rows are defined. This might vary depending on your theme. Look for files like product-template.liquid or product-grid-item.liquid.

  2. Within the file, locate the section or loop where the collapsible rows are generated for each product. It may look something like this:

{% for row in product.collapsible_rows %}
  
    
  

{% endfor %}
  • Inside the for loop, you can access the current row object and its properties. To add a custom dynamic image, you’ll need to utilize the image URL associated with each row. Assuming the image URL is stored in a property called image_url, you can add an <img> tag with the appropriate src attribute. Modify the code within the collapsible-row div as follows:
{% for row in product.collapsible_rows %}
  
    
    
  

{% endfor %}
​
4

My theme is spotlight and I am not able to find the for loop of collapsible row

5

https://bc8d6d.myshopify.com/

I have unlocked the store

6

Hi,

Do you want to add images in the Nutritional Facts section ?

7

Yes..