You can allow your customers to choose variations such as color and size for each product on your eCommerce website.
Variable Products is a special product type in WooCommerce that allows you offer a set of variations on a product, with control over pricing, stock, image and more for each variation.
These can be used for selling products such as t-shirts etc where you can offer a large, medium and small and in different colors.
First – Set the product type – For adding a variable product, simply create a new product or may be you can open an existing one to edit. Then select Variable product from the Product Data dropdown displayed in Product Data section.
Second – You need to add attributes which you will use to set the variations:
From Attributes section on Product Data, you need to add attributes before creating variations — you may use global attributes that works site wide or you may define custom ones for specific products.
Adding Global Attributes
To add a global attribute: Simply select one from the dropdown and click Add. You may choose select all option for adding all attributes to the variable product (sometimes applicable).
Now tick the Used for variations checkbox to set it as your variation.
Adding Product Specific Attributes
If you want to add new attributes which are only specific to this product then select Custom product attribute and click Add button.
Now set this as required:
- Name the attribute such as Size
- Set values separated by a vertical pipe (like this – small | medium | large)
- Now enable the Used for variations checkbox and then click Save attributes.
Finally, Adding Variations
On Variations section in the Product Data meta box visible on Add New and Edit product screens, Select Add variation from the dropdown menu, and then click Go.
Select attributes for your variation. You can change additional data, click the triangle icon to expand the variation. Here you would be able to edit any available data. The only required field is Regular Price. Save your changes.
That’s it. Now on the frontend, while viewing a variable product, the customer will be provided with options to select variation options. Selecting the options will display information about the variation, such as available stock and price etc.