How can I add variant-specific metafield data on Shopify?

Store Design
1

Hello all,

Continuing with the Dawn theme rebuild, I’m looking to create variant-specific descriptions natively, and it seems metafields are the solution to this. Following the various instructions I could find, I’ve added the variant metafield definition here:

SVNSales_0-1633027096837.png
SVNSales_0-1633027096837.png2389×505 30.6 KB

and added this code as a Custom Liquid on my theme’s product page:

Kit Contents:

{{variant.metafields.my_fields.kit_contents.value }}

However, this is clearly incomplete. How do I add the actual metafield data for each variant? I can’t find a field that corresponds to this metafield on the product page, the bulk editor, or even when I export my product list. I’d prefer to add/maintain this information within Shopify, but a free app would work too - I briefly experimented with “Metafield Lite”, “Alterpen”, and “Custom Fields” but didn’t get too far (possibly overlooked something, to be honest).

That aside, do I need to somehow ‘connect’ my Liquid code block to which variant is currently selected by the user, or is the code cited enough for it to only show info relevant to the selected variant?

For some reason, the existing tutorials I could find all focus on product-level metafields rather than variant-level, so I’d appreciate the help!

2

Hi @SVNSales ,

Please check this solution, and see how it goes

https://community.shopify.com/c/shopify-design/dawn-theme-collapsible-tab-with-unique-content-in-each-product/m-p/1319478/highlight/true#M345217

3

Hi @King-Kang ,

It’s on the right track, but won’t this populate the same information for all variants of that product? It looks like product-level metafields, whereas I’m looking to add data for variant-level metafields. Essentially, to have different text in there depending on which variant of a given product the user has selected.

To give an example, the “Kit Contents” at the bottom of the description would change depending on the “Kit Type” selected at the top: https://www.buy-glo.com/products/1992-98-chevrolet-suburban

4

found the solution in Mircea’s app: https://apps.shopify.com/dynamic-variant-description

5

Wanting to close the loop on this. The solution to adding data is simple (if not a little hidden). Just have to click into the variant on the edit product page:

SVNSales_0-1640373587675.png
SVNSales_0-1640373587675.png1433×228 13 KB

Then you’ll find the variant metafield at the bottom:

SVNSales_1-1640373614501.png
SVNSales_1-1640373614501.png1404×287 9.11 KB

I really wish documentation around these metafields was better, but it seems they’re still building out the functionality.

6

I wasn’t able to get this working myself still. I literally used the same line of code as you and created a variant metafield with the same name. It just keeps showing a blank for me :disappointed_face:

7

@mpollard are you referring to adding data to the metafields or displaying it on your product page?

8

@mpollard @SVNSales Could you please suggest the code to display it in DAWN. I have both single line and rich text that I am wanting to display in custom liquid on product page. But it does not seem to work. I have tried the below:

For single line

{{ variant.metafields.my_fields.variant_info_1}}

For Rich text

{{ variant.metafields.my_fields.variant_description}}

{{ variant.metafields.my_fields.variant_description.value}}

{{ variant.metafields.my_fields.variant_description | metafield_tag}}

{{ variant.metafields.my_fields.variant_description.value | metafield_tag}}

Is there additional code required?

9

Is there a way to make dit work on Impact theme? I managed to enter content into the variant metafield, but it doesn’t show up in my published page. Please help.. Thank you