How Do I Add Product Variants Like Sizes and Colors?
Use the variant editor under any product to define option sets like Size or Color, then let the matrix generator create every combination automatically.
You add product variants from the product edit screen — scroll past the main product fields until you hit the Variants tab, click Add Option, and you're there. You can define as many option types as you need (Size, Color, Material, whatever makes sense for your product) and as many values per option as you want.
How does the variant matrix generator work?
Once you've defined your option types and their values, hit Generate Matrix. VeloCMS creates every possible combination automatically — so if you have three sizes (S, M, L) and four colors (Red, Blue, Green, Black), you get twelve variant rows in one click. Each row gets its own SKU, price, and stock count field. The SKU is auto-generated from the product name plus option values but you can override it.
You can generate the matrix multiple times as you add new options. Existing variants are preserved — the generator only adds rows for combinations that don't exist yet.
Can I set different prices for different variants?
Yes, each variant row has its own price field. You can set a base product price and then use the variant price as an override — so a Large might cost more than a Small. If you leave the variant price field blank, it inherits the base product price. The checkout always uses the variant price when one is set, falling back to the base price otherwise.
How do I track stock per variant?
Every variant row has a Stock field where you enter the current quantity. When a customer buys a specific variant, VeloCMS decrements that count automatically. If a variant hits zero, it shows as Out of Stock on the product page and can't be added to the cart. You can re-enable pre-orders for out-of-stock variants from the variant row's overflow menu if you want to keep selling even when inventory is empty.
What if I want to attach a different image to each variant?
Each variant can have its own image. Click the image slot in the variant row, upload a photo, and VeloCMS will swap the main product image on the storefront whenever a customer selects that variant. This is the standard experience shoppers expect — pick Blue and the image switches to the blue version of the product without a page reload.