Variation

Variations are used for a product that comes with different attributes, such as colour, size, material, storage and etc.

How to create local variation:

  1. Navigate to the All Products page

  2. Click on + Add Product to create a product or edit an existing product

  3. In the product details page, scroll to the Variations card at the bottom of the page

  4. Clicks the Add Variation button. A Configure variations modal will be triggered

    1. Clicks on Add Variation to create a variation option for this product only

  5. Fill in the variation details in the configuration form

Variation Setup

Each of the fields in the variant configuration form will represent a detail for the product variation:

  1. Display Name
    1. The name that the customer will see in the product description page
  2. Type

    1. The type that the variant options will be displayed

    2. Available options:

      1. Image
      2. Color
      3. Button [default]
      4. Dropdown
  3. Values

    1. The variant values that are available for customers to choose

    2. To add a new variant value, you can press the + Add Value button, or press Enter  on your keyboard when typing inside the Values input

    3. You can tick the checkbox of Default to mark the value as the default value for the variant option. No value will be selected in a variant by default.

    4. You can delete the variant value by clicking on the Remove button

Save product

  1. Once finish Add Variation for the product, click on the Save button

  2. Once you have saved the variant configurations, the variant details will be added in a summary table inside the Variations card

  1. The sequence in this table will represent the sequence that the variations will be displayed in product description page
  2. Each value of a variant option will pair with all the values in other variant options to form variant combinations

Example:

  • Variant option 1: Color

    Value 1Value 2
    RedGold


  • Variant option 2: Size

    Value 1Value 2Value 3
    SML


  • The variant combinations will be:

    SML
    RedRed / SRed / MRed / L
    GoldGold / SGold / MGold / L

  1. You can set up a custom image, SKU, selling price, original price, weight and available stock for each variant combination. You can also determine whether the variant combination is purchasable, and whether it will continue selling when out of stock

    1. The values you fill in the Add/Update Product Step 1: Set up basic product details and Step 2: Set up shipping details will be the default value of the same setting in variant combinations
    2. Exp:
      1. when you set the Selling Price to be 8.99, then all the variant combinations under the same product will have a default value of 8.99 for the Selling Price

  2. The product details in the product description page will be changed according to the variant combination selected by the customer

  3. After finishing set up and save the local variation at Configure variations form, scroll to the end of the page, and clicks on the Save Button 

  4. Validation will be performed for all settings. If the error notification appears, fix the errors and Save again