Using variant metafields in product pages
This article is for the themes: Seventh, Borders, Local & Combine.
Variant metafields allow you to store and display specific information that applies to a single product variant, rather than the entire product.
For example, imagine you sell a jacket available in multiple sizes. Each size might have a different measurement, such as sleeve length or chest width. Instead of showing the same information for every variant, you can use variant metafields to display the exact measurements for the selected size.
Another common use case is when variants have different specifications, such as:
- Dimensions or measurements (e.g., size-specific charts)
- Material details that vary by variant
- Compatibility information
- Unique identifiers like internal SKU data
- Shipping details that differ between variants
In the theme editor, variant metafields can be connected to dynamic content blocks. When a customer selects a different variant on the product page, the content linked to those metafields updates automatically to reflect the selected option.
This makes variant metafields especially useful for stores that need to show precise, variant-specific information without creating separate products.
How to setup variant metafields
- Go to Settings > Metafields and metaobjects > Variants
- Create a "single line text" metafield and copy it's metafield referrence (eg: "custom.variant_info")
- For each variant that needs to hold specific information, edit it and write the information that you want.
- When adding the "Variant metafield" block, copy the metafield reference in the "Variant metafield key" field.
- For any variant that has a metafield, you will see the info setup in the backend.