Single product with size

A Single product with size lets the customer choose from a fixed set of sizes before adding the item to their order. Rather than creating separate products for each size, a single root product contains a mandatory single-select Container with one product per size option.

Latte — id: 6, type: product
  Size — id: 7, type: container, min: 1, max: 1
    Medium Latte — id: 8, type: product, isSelectedByDefault: true
    Large Latte — id: 9, type: product
    X-Large Latte — id: 10, type: product

The size Container has min: 1, max: 1 (mandatory single-select) and one size product is marked isSelectedByDefault: true to pre-select a default.

Example products: Hot drinks, fountain beverages

Main Product display when the product is not selected

Main Product display when the product has been selected

View of the product in the basket