Variant specification tables for Shopify

Show the dimensions, capacity, and other details for the option the shopper selects.

Quick answer

Use variant metafields when a specification changes with the selected size, material, capacity, or model. Use product metafields for values shared by every variant. TableFlow can display both sources in a specification table and update variant values when the shopper changes the selection. For example, a bottle can keep its material at the product level while its capacity and height come from the selected variant.

This behavior is described in the TableFlow variant guide and the official Shopify listing. You must enter the correct source values and check the result in your theme.

Should the value belong to the product or the variant?

QuestionSource to useExample
Does this value stay the same for every option?Product metafieldCare instructions shared by all sizes
Does this value change with the option?Variant metafieldHeight for a 500 mL or 750 mL bottle
Does the answer depend on the exact model being sold?The matching product or variant sourceA compatibility note verified for that model
Is the value unknown?Leave it missing and choose how to display missing dataAn optional package measurement that has not been confirmed

Do not put a size-specific measurement in a product metafield merely because the product has a default size. That value can then appear beside a different selected size.

Example: two bottle sizes

These fictional values show the data plan. They are not measurements for a real product.

SpecificationSource500 mL variant750 mL variant
Body materialProductStainless steelStainless steel
CapacityVariant500 mL750 mL
HeightVariant22 cm28 cm
CareProductHand washHand wash

A table for the selected variant should show 22 cm when the shopper chooses 500 mL and 28 cm when they choose 750 mL. The shared material and care rows stay the same. Use the bottle specification tutorial for a complete field plan and sample storefront output.

How do you set up the table?

  1. List the values that change between saleable variants. Keep shared values in a separate list.
  2. Create product metafield definitions for the shared values and variant definitions for the changing values.
  3. Enter each value on the correct product or variant. Include clear units in the displayed answer.
  4. In TableFlow, give each row a short label and select the matching source. Follow the metafield guide and variant guide.
  5. Set the table's display conditions and storefront location.
  6. Choose the empty-row and empty-table settings, save the table, and check the storefront.

For furniture, start with the furniture dimensions tutorial. For fabric sold by length, use the fabric specification tutorial. Each tutorial gives a different data plan; replace all sample values with verified product data.

How should you test variant changes?

CheckExpected result
Open the product with its initial variantThe displayed specifications match that variant
Select a variant with different measurementsThe changing rows show the new values
Return to the first variantIts original values return
Select a variant with an empty optional fieldThe row follows your chosen empty-value setting
Select a sold-out option, if the theme permits itAny displayed specifications still describe that selected option
Repeat on a phoneLabels and units remain readable, and the selector still updates the table

Test the actual selector that customers use. If your theme replaces the product section or uses a custom selector, confirm that the table still receives the change. If a value stays unchanged, first check its source: a product metafield will not become a different value just because the selected variant changes. Then check the saved table and contact support if the theme behavior still needs review.

FAQ

Does TableFlow create the missing specification values?

You supply the product data. Enter or correct the value on the appropriate source, then check the table. An empty value is not evidence that a product has no such feature.

Can shoppers see several variants beside each other?

That is a variant comparison table, which is a different layout from a specification table that follows one selected variant. The official listing places comparison tables on the Advanced plan. Check the current plan before you choose that workflow.

Is this a searchable order table?

This guide covers specifications for the selected product option. For a catalog with many variant rows and cart controls, review Table Master's variant product tables.

Which specification app should I choose?

Use the specification app comparison to check data sources, variant behavior, comparison plans, and free-plan limits before installation.

Show the specifications for the selected variant

Start with the TableFlow variant guide, then check each option in your storefront theme.

Was this page helpful?