Commerce components

Product card, price, quantity stepper, option select, total, cart badge.

• Product card — image, title, price, button. Inside a repeater each tile shows its own product.
• Price — an amount with a currency and, optionally, a struck-through old price.
• Quantity — minus / number / plus. It accumulates into a list: row title, unit price, lower and upper bounds.
• Option select — size, colour, portion. Rendered as pills or colour swatches (the colour follows a colon).
• Total — the sum over a list: which list to add up and which field in it.
• Cart badge — the number over an icon. A bottom-menu item does the same with its count badge.