---
sidebar_label: 'Single product with size'
sidebar_position: 6
---

# 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

<div style={{textAlign: 'center'}}>
![](./assets/single-product-with-size-1.png)

*Main Product display when the product is not selected*

![](./assets/single-product-with-size-2.png)

*Main Product display when the product has been selected*

![](./assets/single-product-with-size-3.png)

*View of the product in the basket*
</div>