Hello everyone!
Variant products are products with many different characteristics such as color, size, capacity, etc. Typically, products of clothing, shoes, and phones. Along with having multiple variants, the cost of each variant will vary. For example, the phone has different color capacity, the price will be different. WooCommerce supports creating product types with many variations like that. This article will guide you.
Contents
More products with variations
In this article, I take an example of adding a phone product, with many variations depending on color and capacity. Before adding a product, I need to add attributes to it, by going to the menu Product > Attributes . Then add 2 properties “Capacity” and “Color”. After adding, go to the Category Configuration of the product attribute of each attribute.
More storage
You add capacity types to the Capacity property: 64Gb, 128Gb, 256Gb, 512Gb.
More colors
Then add color types for the color attribute: Black, White, Yellow, Pink, Gray, etc.
Now we have 2 properties with the following categories:
More products
Next, we add a new product, fill in the title, content, short description, select the category, keywords and product image. In the Product data section , I choose Variant Products . Then in the Attributes tab , you add Custom Product Attributes .
Add attributes
You choose to add the attribute Capacity , or Color or both. Then select the value for each attribute corresponding to the product you intend to sell. For example, here I choose a phone with 2 capacities of 64Gb, 256Gb and black and gold colors. Remember to select Use for multiple variations .
Variations
Then go to the Variations tab , select Create Variant from all properties , and press the Go button .
Color and capacity combinations will be added.
You click on each variant to add information to it, such as Image, Product Code, Price, etc.
More information for products with variations
After adding information for all 4 product variants, click the Save Changes button . Finally, please post this product. Then, viewing the product off the home page it will display a selection of sizes and colors. When you choose the capacity and color, the corresponding price will appear. At the same time, the corresponding product image also changes accordingly.
summary
Through this article, did you find WooCommerce amazing? Get more products with variations easily. In fact, I used to make a website selling mobile phones using WordPress and WooCommerce. The WooCommerce plugin has features that are not inferior to the famous mobile phone sales websites. Good luck!
