WooCommerce: How to Setup Products with Multiple Options (Variations)

How To  Last Updated: Time to Read: 1 minute

Variable products allow you to create a single product entry for multiple styles. This allows you to manage the product sales more easily. An example of a variable product is a t-shirt with a single design that comes in multiple colors and sizes.

For details on adding products in general, see How to Configure WooCommerce for Layers or view this detailed online WooCommerce course on Treehouse.

Variations

  1. Edit or Create a New Product
  2. Select Variable Product from the dropdown at the top of the Product Data panel
  3. Under Attributes, click on Add.
  4. Add a Name and Value(s) for each Attribute. The Name corresponds to the drop-down menu that will appear in the product page, and the Values are what can be selected in that menu.

    Note you can setup global variations under Products → Attributes to cut down on rework, which alow you to select them in the Product Attribute panel rather than enter them by hand.  Global attributes are appropriate when working with sizes, colors or types. Learn More about global attributes.

    The following example shows how two attributes look for a t-shirt with 3 colors and 4 sizes.

    woocom_variations

  5. Check Visible on the product page and Used for variations, and then click Save Attributes
  6. Under Variations, click Link All Variations, then click OK on the confirmation messages. You will now have one variation panel for each combination where you must enter a price and stock.
  7. To allow the image to change when a visitor selects one of your variation combos, click the thumbnail button in the variation and upload the variation image, or select it from your media library. This function only works if your product post is displaying the single featured image (not a slider, and not the product gallery thumbnail grid, where supported)

variationimages

When finished, click Update/Publish.

woocomvariation_done2

Learn more about Product Variations on the WooCommerce website.