You can use the Product Variation Element to add variations to your Product Details.

Add Product Variation Element

You can add the Product Variation Element from the Add Menu Panel to the Product Details.

Add Product Variation

Open the Products Panel and select a Product to open the Edit Product dialog. You can add a New Variation by clicking the Add link in the Variations section.

Product Variation Items

You can edit the Name and Items for the Product Variation in the open dialog. You can also click on an existing variation to edit its items. You can add a new Item by clicking the Plus icon.

Edit Product Variation Item

You can add or change the Title and Value in the Edit Item dialog.

Product Variation Item Options

You can modify the Product Variation Items by clicking the Plus Icon to add a New Item or the Bucket icon to delete an item.

Manage Product Variations

Click the Manage button to edit the Product Variations' parameters.

You can specify the Price, Old Price, SKU, and Out-of-Stock, and set the Product Variation as the default.

Product Variation Property

You can select the Product Variation and change its layout in the Property Panel.

Product Variation Layout

For the selected Product Variation, you can now choose one of three layouts: Listbox, Tags, or Colors.

Product Variation Position

We have added the Position property for the Product Variation Label in the Colors Layout.

Product Variation Alignment

We have also supported the Alignment for the Product Variation Element.