Back to Products
HIGHHappy Path

Create Product with Variants

Verify that products with multiple options (Size, Color, etc.) can be created with individual SKU, pricing, and inventory for each variant combination.

13 steps
~8 min
product-2

Preconditions

  • You are logged in with product management permissions
  • You understand variant concepts (options like Size, Color that create multiple SKUs)

Test Data

Product: "Cotton T-Shirt", Options: Size (S, M, L, XL), Color (Black, White, Navy). This creates 12 variants (4 sizes x 3 colors). Each variant should have unique SKU and can have different price.

Test Steps

Follow each step carefully

0/13

Navigate to Products and click "Add Product"

Location

Products section in sidebar, then "Add Product" button

Verify

Product creation form appears

Fill in basic product information (name, description)

Location

Name and description fields at the top

Verify

Basic info is entered

Enable variants by toggling "This product has options" or similar

Location

Toggle/checkbox in Options or Variants section

Verify

Variant configuration section expands

Add the first option type: Size

Location

"Add Option" button, then enter option name "Size"

Verify

Option name input field appears with "Size" entered

Enter size values: S, M, L, XL

Location

Text input for values, usually comma-separated or individual inputs

Verify

All size values are added and displayed as tags or list items

Note

Press Enter or comma after each value

Add second option type: Color

Location

"Add Another Option" button

Verify

Second option name input appears

Enter color values: Black, White, Navy

Verify

All color values are added

Review the generated variants table

Location

Table showing all combinations (S/Black, S/White, M/Black, etc.)

Verify

All 12 expected combinations appear (4 sizes x 3 colors)

Set unique SKU for each variant

Location

SKU input column in the variants table

Verify

Each variant has a unique SKU (e.g., TSH-S-BLK, TSH-M-WHT)

Note

SKUs must be unique across the entire store

Set prices for variants (can be different per variant)

Location

Price input for each variant row

Verify

Prices are set; verify some variants can have different prices

Note

You can set a default price and then adjust individual variants if needed

Set inventory quantity for each variant

Location

Quantity/Stock input for each variant row

Verify

Stock quantities are set for each variant

Link a specific image to a variant (optional)

Location

Image selector or dropdown on variant row

Verify

Variant shows linked image thumbnail

Note

Useful for showing different color swatches

Save the product

Location

"Save" or "Create Product" button

Verify

Success message appears

Expected Result

After creation: (1) Product has all 12 variants created, (2) Each variant has its own SKU, price, and stock, (3) On storefront, customers can select Size and Color options, (4) Selecting options updates the displayed price and availability, (5) Adding to cart creates the specific variant order item, (6) Inventory is tracked per-variant.

Ready to Complete?

Click when you have verified all steps and the expected result.

Test Info

Module
Products
Steps
13
Duration
8 min
XP Value
+30