I want to add Different Size Chart for Different Products in my store

[PuriMarket]

Hello Experts, I need your help in a case, I wanted to add different size chart in different product pages but I am unable to do that because whenever I upload a image in perk it show the same image for all products. It tested it with Size Chart/Guide. Also I could not find collapsible row in my theme, so that is the other reason I could not do that after making meta object as well. Please guide me about this. Theme: Ella Thanks!

[devcoders]

Hello @PuriMarket 

Yes, we can display different size charts for each product using metafields. 

[LizHoang]

Hi @PuriMarket, thanks for reaching out.

To add different size charts for different products, I recommend you use the Mage Size Chart & Size Guide app, which helps customers have a clear view of which size suits them, avoid mistakes and return orders. 

I hope my information is helpful to you.

Liz

[oscprofessional]

Hi @PuriMarket ,

Since you're using the Ella theme and want different size charts for different product pages, here’s how you can achieve it:

Using Metafields (Best Method)

1.  Create a Product Metafield for Size Chart

• Go to Shopify Admin → Settings → Custom Data → Products.
• Click "Add Definition" → Name it Size Chart.
• Select Type: File (Image or PDF) or Rich Text (if using text-based charts).
• Click Save.

2. Assign Size Chart Per Product

• Open any product in Shopify Admin → Scroll to Metafields.
• Upload the specific size chart image for that product.
• Repeat for other products.

3. Display the Size Chart on the Product Page

• Edit the product template in Online Store → Themes → Edit Code.
• Open product-template.liquid (or main-product.liquid).
• Add this code where you want the size chart to appear:

{% if product.metafields.custom.size_chart %}
{% assign custom_size_chart = product.metafields.custom.size_chart.value %}
  <div class="size-chart">
    <img src="{{ custom_size_chart }}" alt="Size Chart">
  </div>
{% endif %}

Save & Check!

[Imee]

Hi @PuriMarket ! The issue you're running into happens because templates in themes are designed to use the same content across product pages, which is why the same image shows up for all products. That’s why it's tricky to assign different size charts to individual products without some customization.

I personally use an app to apply specific size charts to my products, which works similarly to how automated collections work. Each product gets its own unique chart without messing with the theme code directly. If you're interested, I recommend checking out Kiwi Size Chart & Recommender. It’s a great option for adding customizable size charts to your product pages and it also has the collapsible row feature if you're still looking for it.