Show Variant Table in Product detail

Variant Table lists all of a product’s variants in one table, each with its own price and quantity box, so B2B customers can add multiple variants to their order quickly instead of selecting one at a time.

Once enabled, this renders as an optimized layout on your storefront, fully customizable and built to handle everything from single-variant products to highly complex ones.

Steps to manage

1. Start creating

   Open the app, go to Quick Order Form, then click Create under Variants Tables.

2. Choose a template

   On the General tab, under Template, choose one of two layouts based on your products’ complexity:

   • Default — a simple list, one row per variant.
   • Matrix column — built for products with many variants and higher complexity, showing variant information in a matrix layout for easier bulk ordering.

   

3. Choose your columns

   Under Show Columns, turn on the toggle for each field you want — Variant, Price, Stock, Quantity — and drag-and-drop to reorder them.

   Note

   Stock pulls its data from the Stock Level feature — configure that first, or this column will have nothing to show. See Set up Stock Status for products.

4. Set when it appears

   Under Condition, set Apply to Products (all products or only specific ones/collections/tags) and customer targeting (all customers or only specific logged-in customers).

5. Design the table

   Click the Design tab (the paint-roller icon) and style the table’s colors to match your theme. To make the cart button match your theme’s default cart button, enable Same style as add to cart button.

6. Save

   Click Save, then check the result on your storefront.