I would like to insert a actual product size chart or table on product page

Store Design

Topic summary

A user is attempting to add custom product size charts to individual product pages using Shopify’s metafields and custom code. They followed instructions from another forum post but the implementation isn’t working.

Code Issue:

  • The provided code snippet appears corrupted or improperly formatted, containing reversed text and unusual characters
  • They’re trying to use product.metafields.custom.actual_product_size to display size tables
  • The code attempts to render images with specific dimensions (3727x1181px)

Key Challenge:
Each product requires a different size chart, so the solution needs to support unique tables per product page.

Status: The issue remains unresolved with no responses yet. The user is seeking help to fix their code implementation.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I need a help from you guys.

I would like to insert an actual product size chart or a table on product page using custom code.

I have followed steps that other people posted in a forum as attached.

But it doesn’t work…

The code that i have used is as below.

{{ product.metafields.custom.actual_product_size }}{% if product.metafields.custom.actual_product_size.value != blank %}{{ product.metafields.custom.actual_product_size | image_url: width: 350 | image_tag }} {% endif %}}

Can anyone fix this problem for me?? Each product has different size so each product page should have different size table.

example 4.png
example 4.png3277×1811 323 KB

Thank you:)