Managing product variants (size × color → SKUs)
How the variant matrix generator turns attribute combinations into individual SKUs with their own stock levels, prices, and digital assets.
Most physical products have variations — shirts come in sizes and colors, digital templates come in file-format bundles. VeloCMS lets you define attributes (size, color, material) and automatically generates a variant per combination. Three sizes and four colors produces twelve variants, each with its own SKU, stock level, price override, and image.
Defining attributes
On the product edit page, open the 'Variants' section and add an attribute. Give it a name (Size, Color, Material) and a list of options (XS, S, M, L, XL). Repeat for each dimension. When you have two or three attributes defined, click 'Generate variants' — the matrix produces every combination as a variant row with an auto-generated SKU, inheriting the product's base price and stock by default.
Overrides per variant
Each variant row in the table lets you override the price, stock quantity, digital asset URL, and images. Larger sizes might cost $5 more. A specific color might have its own cover photo for the product page. A bundled file format might link to a different download URL. Edit any cell inline — changes save immediately with optimistic UI.
The variant selector on the public product page lets customers pick their combination before adding to cart. If a variant has stock 0, it's shown but disabled — so customers see the option exists but can't buy it. Out-of-stock handling is per-variant, not per-product, so a single sold-out size doesn't hide the entire listing.