eCommerce: Creating Variations

Sometimes price modifiers and additional images are not enough to differentiate your products. Product variations can help you assign different images for every option in your store as well as to track the stock of options like sizes. 

Check out a video about variations setup:

What is meant by variations

Each possible set of options for a particular product is a variation for that product.

For example, a t-shirt that comes in two sizes (small and medium) and two colors (yellow and gray) has four variants:

What are variations?

Ways of using variations

Variations help organize your store into separate nested products. With Product Variations feature, you can:

  • upload separate images to each of the variants (frequently used for apparel and shoes)
  • automatically adjust prices with customer selections
  • track inventory with unique SKUs to prevent overselling
  • adjust weight to get more precise shipping rates at checkout

How to create variations

Create product

Start by adding a new product in Ecwid Control panel → Catalog → Products, + Add new product.

Create options

  1. Open the page to edit the product.
  2. Switch to the Options tab and create two options (size and color) by clicking Add new option.

Use Drop-down menu and Radio button options to create variations.

  1. Add the selection values to every option by clicking Add new selection. In our example we add "Small" and "Medium" for the "Size" option and "Yellow" and "Gray" for "Color":

Add options selections

Create variations

The quickest way to create all possible variations is via Ecwid mobile app for iOS. Open the product →
VariationsGenerate All Variations: File.jpg
  1. Switch to the Variations tab.
  2. Click + New Variation:

Add a variation

  1. Select the color and size for this variation:

Add the selections for your variations

  1. Set the SKU, Price and Weight for the variation.
  2. Set the stock of the product variant. Click Manage, set the number in stock and the quantity for the low stock notifications:

Set the quantity for variations

  1. Click OK.
  2. Repeat the steps for all necessary variations:

Create all the variations you need

  1. Set the stock of the base product to Unlimited:

Set the stock of the base product

  1. Click Save.

Customers can now choose from options and see corresponding pictures while browsing. This is how customers shop variations look:

Variations in the storefront

We do not recommend using price modifiers when you create variants with fixed prices. It’s better to set separate prices for each variation.