Adding product variations

Last updated

Sometimes price modifiers and gallery images are not enough to differentiate your products. Product variations can help you assign different images for every option in your store.

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
See the detailed instruction on how to add options to your products.

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

See how to set up the low stock notifications.
  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

You can find another example of a product with variations set up in our demo store here.

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

Related articles

Adding options to products
Product variations FAQ
General product settings

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message