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

What are Product Variations?

Product Variations are options you create for a single product when it comes in different types — like size, color, material, or style.

• Example: A T-shirt can have variations like Small, Medium, Large (sizes) and Red, Blue, Black (colors).

• Each variation can have its own price, SKU, and stock availability.

This is different from adding separate products — instead of creating multiple product pages, you manage all variations under one main product.

How to Show Product Variations in Elementor

1. Edit the Product Detail Page with Elementor.

2. From the Elementor widgets panel, drag & drop the Product Variations element (By Value Pack Addon).

3. This widget will automatically show the dropdowns for variation options (like Size, Color) on the product page.

4. When a customer selects a variation, the correct price, SKU, and stock info will be displayed automatically.

Note: When adding the Product Variation widget to the detail page, there’s no need to manually enter product IDs. The system will automatically fetch the variations dynamically based on the selected product.