Skip to main content

Product Variations

Growth+This feature requires the Growth+ plan or higher

Variations let you offer different options for a single store product -- like sizes, colors, or styles -- without creating separate products for each one. Customers can choose their preferred option when purchasing.

When to Use Variations​

Variations are useful when you have a product that comes in multiple versions:

  • Sizes -- T-shirts in S, M, L, XL
  • Colors -- Phone cases in Black, Blue, Red
  • Styles -- Sunglasses in Classic, Sport, Oversized

Each variation shares the same product name, description, and images, but can have its own SKU and price.

How Variations Work​

Variations are built in two layers:

  1. Variation Properties -- The categories of options (e.g., "Size", "Color"). Each property has a set of possible values (e.g., "Small", "Medium", "Large" for Size).
  2. Variations -- The individual purchasable options that combine property values (e.g., a variation with Size = "Large" and Color = "Blue"). Each variation can have its own SKU and price override.

You define properties first, then create variations that use those properties.

Enabling Variations on a Product​

Variations are enabled during product creation or editing:

  1. Go to Store > Products and either click Add Product or open an existing product and click Edit Product.
  2. In step 3 (Additional Details), toggle Variations on.
  3. In the Property list that appears, enter property names (e.g., "Size", "Color"). Click + Add property to add more.
  4. Save the product.

After the product is created, go to the product's Variations tab to add property values and create variations.

tip

The product creation wizard lets you name your properties, but the full setup -- adding property values and creating individual variations -- is done from the Variations tab on the product detail page.

Managing Variation Properties​

Open a product and click the Variations tab. The top section shows Variation Properties -- each property with its name and values displayed as badges.

The Variations tab showing Variation Properties and Variations table with Add Variation and Add Property buttons.

Adding a Property​

  1. Click Add Property in the top-right corner.
  2. Enter a Property name (e.g., "Size", "Color", "Material").
  3. Under Values, type a value (e.g., "Small") and click Add. Repeat for each value.
  4. Click Add Property to save.

The Add variation property modal with fields for property name and values.

Editing a Property​

  1. Click the Edit icon (pencil icon) next to the property you want to change.
  2. Update the property name or add/remove values.
  3. Click Save Property.

Deleting a Property​

  1. Click the Delete icon (trash icon) next to the property.
  2. Confirm the deletion.
caution

Deleting a property removes it from all existing variations. This action cannot be undone.

Creating Variations​

Once you have at least one property with values, you can create individual variations.

  1. Click Add Variation in the top-right corner.
  2. Select a value for each property from the dropdowns (e.g., Size = "Large", Color = "Blue").
  3. Optionally enter a SKU for this variation.
  4. Optionally enter a Price override -- a custom price for this variation. Leave blank to use the base product price.
  5. Click Add Variation to save.

The Add variation modal with property dropdowns, SKU field, and price override field.

The Variations table shows all created variations with columns for each property, SKU, price, and action buttons.

ColumnDescription
Property columnsOne column per property (e.g., Size, Color) showing the selected value
SKUThe variation-specific SKU, or "-" if not set
PriceThe price override amount, or "Base price" if using the product's base price
ActionsEdit and delete buttons

Setting Variation-Specific Pricing​

If certain variations cost more than others (e.g., XL sizes have a surcharge):

  1. Click Add Variation or the Edit icon on an existing variation.
  2. Enter a Price override value (e.g., "32.99").
  3. Save.

Customers will see the variation-specific price when they select that option. If no price override is set, the base product price is displayed.

Editing a Variation​

  1. Open the product and go to the Variations tab.
  2. Click the Edit icon (pencil icon) in the Actions column for the variation.
  3. Update the property selections, SKU, or price override.
  4. Click Save Variation.

Deleting a Variation​

  1. Open the product and go to the Variations tab.
  2. Click the Delete icon (trash icon) in the Actions column.
  3. Confirm the deletion.
caution

Removing a variation that has been included in past bookings will not affect those bookings -- historical records are preserved. However, the variation will no longer be available for new purchases.

How Variations Appear​

On the Store Widget​

When customers view a product with variations on the store widget, they see dropdowns to choose their preferred option. The price updates based on the selected variation.

In the POS​

When adding a product with variations to a booking via the POS, staff can select the variation and set the quantity. See Adding Store Products to Bookings for details.

On the Product Detail Page​

In the dashboard, the product detail page's Variations tab shows all variation properties and individual variations with their SKUs and prices.