View Categories

How to Add Product Variations (Size, Color, etc.) on Kingston Express

2 min read

Product variations let customers choose options like size, color, material, or style from one product listing.
Using variations correctly keeps your store clean, professional, and easy to shop.

This guide shows you step by step how to add and manage variations using Dokan Multivendor.


What Are Product Variations? #

https://support.ecwid.com/hc/article_attachments/15646485165340
https://cinchws.com/wp-content/uploads/2018/10/woocommerce-options-use-variation.jpg

Variations are different versions of the same product, such as:

  • Size (S, M, L)
  • Color (Black, White, Red)
  • Capacity (64GB, 128GB)

📌 If it’s the same product with options, use variations — not separate products.


When You SHOULD Use Variations #

Use variations when:
✔ Same product, different options
✔ Customers must choose before checkout
✔ Price or stock changes by option

❌ Don’t use variations for completely different products.


Step 1: Select Variable Product Type #

https://cdn.wedevs.com/uploads/docs/dokan-select-variable-product.jpg
https://woocommerce.com/wp-content/uploads/2025/03/woocommerce-create-variable-product.gif
  1. Go to Seller Dashboard → Products
  2. Click Add New Product (or edit an existing one)
  3. Select Variable Product as the product type

Step 2: Create Product Attributes #

https://woocommerce.com/wp-content/uploads/2022/08/Adding-existing-attributes-as-variations-woocommerce.png
https://cdn.wedevs.com/uploads/2021/01/Add-attribute-1024x450.png

Attributes define your variation options.

Example attributes: #

  • Size: S, M, L
  • Color: Black, Blue, Red

How to add: #

  1. Go to Attributes
  2. Enter attribute name
  3. Add values separated by |
    • Example: S | M | L
  4. Enable Used for variations

📌 This step is critical.


Step 3: Create Variations From Attributes #

https://10web.io/blog/wp-content/uploads/sites/2/2024/05/add-product-variation.jpg
https://10web.io/blog/wp-content/uploads/sites/2/2024/05/generate-variations.jpg
  1. Go to Variations
  2. Click Create variations from attributes
  3. Confirm

🧩 The system auto-creates each combination.


Step 4: Set Price & Stock for Each Variation #

https://barn2.com/wp-content/uploads/2023/05/Bulk-Variations_TopPage.png
https://barn2.com/wp-content/uploads/2021/11/WooCommerce-Bulk-Variations-shortcode-plugin-Nov-21-820x681.png

For each variation:

  • Set price
  • Set stock quantity
  • Upload variation image (optional but recommended)

📦 Each variation is treated like its own mini-product.


Step 5: Save & Publish #

Once all variations are set:

  • Click Save Changes
  • Publish or update the product

Customers can now select options before checkout.


What Customers See on the Product Page #

https://barn2.com/wp-content/uploads/2019/04/woocommerce-product-variations-plugin.gif
https://webappick.com/wp-content/uploads/2025/01/How-to-Add-Color-and-Size-in-WooCommerce-product_Blog-Featured-Image.png

Customers will:

  • Select size, color, etc.
  • See price update (if different)
  • Only buy available options

🛒 This improves shopping experience.


Common Variation Mistakes #

❌ Forgetting to check “Used for variations”
❌ Not setting stock per variation
❌ Leaving variations without prices
❌ Creating too many unnecessary combinations

⚠️ These cause checkout errors.


Tips for Clean Variations #

✔ Use only necessary attributes
✔ Keep option names simple
✔ Add variation images for colors
✔ Disable out-of-stock variations


Variations vs Separate Products (Quick Rule) #

  • Same product, options → Variations
  • Different products → Separate listings

Final Tip #

Variations make your store look organized and professional.
Once you master them, managing products becomes much easier 🧩📦

Leave a Reply

Your email address will not be published. Required fields are marked *

Main Menu