In the same way as the product variants SKUs can be displayed, I’d like to display our product variants metafield called “material”. It’s stored in variant.metafields.specs.material. How can I achieve this? I was following https://help.shopify.com/en/themes/customization/products/features/show-sku-…

Hi Val, Jason pretty much explain the way to do it. You need to: Store the variant data in a JavaScript variable. Can be something like this (not tested): {% capture 'meta_data' %} {% for variant in product.variants %} {{ variant.sku | json }}: {{ variant.metafields.specs.material | json }} …

Thanks to Mircea, I was able to make it work. Capturing the meta data in product-template.liquid worked exactly as described by him. Then in the selectCallback function in sections.js.liquid I had to add: $('.material span', $product).text(metaData[variant.sku]); Then back in product-template.li…

Hi Mircea I have checked this code module, it helps me to display variant values where i wanted to display. Because there is a for loop, it displaying all the key_values of all variants. Can you please help me to display single key_value at a time. So, when i switch to another variant then metafie…

Hey Temitope! I’ve tried to apply this kind of code into my snippet which i am calling, unfortunately i have to reload my page to see the variant i have changed. The only modification i’ve made is the key and namespace of the metafield variant: <p class="variant_shipping_info" style="display: none…

I’m having the same trouble with the variant selection callback script. No problem getting the metafields I want showing on first load, but then I have to hit refresh to see the metadata update after changing variants. Did you figure this out?

I gave up and had to pay for a dev to fix it :disappointed_face:

Thanks for the reply, Mike. Bummer! Glad you eventually got it sorted one way or another though. I eventually got Temitope’s script to work for me. Mine was a little more involved because I had a large array of metafields I wanted to display in a specs chart, per variant. In the end, I combined all…

Hi Jason, I’m currently having the same issue. I would like to display variant metafields dynamically on the product page under the dimensions tab. I’m currently Kitting bed SKU’s with different size variants and would like the product and package dimensions to change dynamically when variant is se…

Can anyone recommend a dev that could do this for me? I can get the meta fields displaying on the initial product page, but would also like it to change with each variant. https://www.willowbay.co.uk/products/birlea-balmoral-fabric-bed-grey-velvet

can u share code for future visitors thanks

How can I display dynamic product variants metafields on a product page?

Technical Q&A

Alan15 January 13, 2021, 4:32pm 13

I got this to work for the debut theme, if it’s any help to you. The details are on this post:

https://community.shopify.com/post/1003590

1 Like

Topic		Replies	Views
Variant Metafield 2.0 changing with selection Shopify Discussion troubleshooting	12	162	October 18, 2024
Variant metafields on product page (Broadcast Theme) Store Design	3	37	May 23, 2023
Variant Metafield display on product page Store Design troubleshooting	1	48	May 9, 2024
Help with Metafield descriptions for variants Technical Q&A	16	157	May 22, 2025
Showing Variant Metafield on the Product Page Dynamically Technical Q&A	4	182	June 28, 2024

How can I display dynamic product variants metafields on a product page?

Related topics