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!
Topic summary
A store owner using the Ella theme wants to display unique size charts for individual products but faces an issue where uploading an image shows the same chart across all product pages. The theme also lacks a collapsible row feature for displaying metaobject-based charts.
Proposed Solutions:
-
Metafields approach: Create a product metafield (Settings → Custom Data → Products) to upload individual size chart images per product, then modify the product template code (product-template.liquid or main-product.liquid) to conditionally display each product’s specific chart using Liquid code.
-
App-based solutions: Multiple respondents recommend third-party apps like Mage Size Chart & Size Guide or Kiwi Size Chart & Recommender, which allow assigning different charts to products without manual code editing and include collapsible row functionality.
The discussion remains open with the original poster yet to confirm which solution they’ll implement.
2 Likes
Hello @PuriMarket
Yes, we can display different size charts for each product using metafields.
1 Like
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
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.
- 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 %}
{% endif %}
Save & Check!
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.
