Variable Product

Variable products are a product type in WooCommerce that lets you offer a set of variations on a product, with control over prices, stock, image and more for each variation. They can be used for a product like a shirt, where you can offer a large, medium and small and in different colors.

Adding a Variable Product #

Step 1. Set the Product Type #

To add a variable product, create a new product or edit an existing one.

  1. Go to: WooCommerce > Products.
  2. Select the Add Product button or Edit an existing product. The Product Data displays.
  3. Select Variable product from the Product Data dropdown.
variable product type 1

Step 2. Add Attributes to Use for Variations #

In the Attributes section, add attributes before creating variations — use global attributes that are site-wide or define custom ones specific to a product.

Global Attributes #

To use a global attribute:

  1. Create global attributes.
  2. Select one from the dropdown and click Add.
  3. Choose Select all to add all attributes to the variable product (if applicable).
  4. Enable the Used for variations checkbox to tell WooCommerce it’s for your variations.
  5. Click Save attributes.
global attribute
Adding a global attribute
global attribute 2
Adding global attribute values

Custom Attributes #

To add a new attribute specific to this product:

  1. Select Custom product attribute and click Add.
  2. Name the attribute (e.g., Size).
  3. Set values separated by a vertical pipe, | (e.g., Small | Medium | Large).
  4. Enable the Used for variations checkbox.
  5. Click Save attributes.
custom attribute
Adding a custom attribute
custom attribute 2
Adding custom attribute values

Step 3. Add Variations #

To add a variation, go to the Variations section in the Product Data meta box.

Manually Add a Variation #

  1. Select Add variation from the dropdown menu, and select Go.
  2. Select attributes for your variation. To change additional data, click the triangle icon to expand the variation.
  3. Edit any available data. The only required field is Regular Price.
  4. Click Save changes.

Creating All Possible Variations #

Select Create variations from all attributes to have WooCommerce create every possible combination of variations and click Go:

create all variations 1

It will create a new variation for each and every possible combination of variation attributes (max 50 per run). If you have more possible combinations you can run it again.

If you have two attributes – color (with values blue and green) and size (with values large and small) it creates the following variations:

  • Large Blue
  • Large Green
  • Small Blue
  • Small Green

If you later add additional attributes, it may require the variables to be redefined for the variation combinations to work correctly.

Editing Many Variations #

If you have more than 15 variations, use the buttons to navigate forward and backward through the list. Each time you navigate to a new set of variations, the previous set is saved. This ensures that all data is saved.

variations 15

Setting Defaults #

Set defaults you prefer on variations. In the example, no default form values were set, so users can pick any color and size right away from the product page.

default variations

If you want a certain variation already selected when a user visits the product page, choose the default form values. This also enables the Add to Cart button to appear automatically on variable product pages.

You can only set defaults after at least one variation has been created.

Adding Variation Data #

Each variation can have the following properties.

General #

  • Enabled – Enable or disable the variation.
  • Downloadable – If this a downloadable variation.
  • Virtual – If this product isn’t physical or shipped, shipping settings are removed.
  • Regular Price (required) – Set the price for this variation.
  • Sale Price (optional) – Set a price for this variation when on sale.
  • Tax status – Taxable, shipping only, none.
  • Tax class – Tax class for this variation. Useful if you are offering variations spanning different tax bands.
  • Downloadable Files – Shows if Downloadable is selected. Add file(s) for customers to download.
  • Download Limit – Shows if Downloadable is selected. Set how many times a customer can download the file(s). Leave blank for unlimited.
  • Download Expiry – Shows if Downloadable is selected. Set the number of days before a download expires after purchase.
variation

Inventory Management #

Inventory for variable products can be managed on product and variation level.

Сhoose how to manage stock by toggling Enable stock management at product level on the Inventory tab:

stock at product level

The following settings are available if you choose to manage stock on a product level:

  • SKU – If you use SKUs, set the SKU or leave blank to use the product’s SKU.
  • Manage Stock? – Tick the box to manage stock at the variation level.
  • Stock Quantity – Shows if Manage Stock is selected. Input the quantity. Stock for the specific variation, or left blank to use the product’s stock settings.
  • Allow Backorders – Choose how to handle backorders.
  • Low stock threshold – Enter a number to be notified.
  • Sold Individually? – Allow only one to be sold in one order. (This setting is used for the product itself. You cannot set a specific variation to only be sold once per order.)

Choosing to manage stock for variations individually allows you to edit the same properties for each variation.

Set Stock Status can be applied to all variations at once to In stock or Out of stock. Bulk-update under Variations:

bulk edit

Shipping #

  • Weight – Weight for the variation, or left blank to use the product’s weight.
  • Dimensions – Height, width and length for the variation, or left blank to use the product’s dimensions.
  • Shipping class – Shipping class can affect shipping. Set this if it differs from the product.

Linked Products #

  • Upsells
  • Cross-sells
  • Grouped

If the SKU, weight, dimensions, and stock fields are not set, then it inherits values assigned to the variable product. Price fields must be set per variation.

Add an Image to the Variation #

  1. Expand the variation.
  2. Click the blue image placeholder (screenshot).
  3. Select the image you wish to use.
  4. Save.
variation image

Bulk Editing #

You can bulk-edit variations by selecting the specific piece of data you want from the dropdown. In this example, I want to edit prices for all variations:

bulkedit 2

What Customers See #

On the frontend, when viewing a variable product, the user is presented with dropdown boxes to select variation options. Selecting options will reveal information about the variation, including available stock and price.

If the user tries to click the greyed out add to cart button before choosing an attribute, a message will appear asking them to create some attributes.

In the product archive page, Add to Cart does not display because a variation must first be chosen before adding to cart on the product page.

archive page

Follow Us On instagram

Behind the scenes working as a team, our latest posts & more

Sometimes giving your business it’s visual look can be the hardest part. We want to tap into what makes your business unique and position you as the go-to expert in your industry. 

Let's start today - https://bit.ly/3mVulRL
#ClientLove
A client with local roots and support for local business. Glad we got to share a little piece of giving back to our community.
#ICYMI
A new year deserves a new look, right? 
We've redesigned our website and added a few new items. Over the next few weeks we will be highlighting new items. 

New Services:
✔️ Website Optimization
✔️ New Hosting Packages & Support
✔️ New Social Media Care Plans
✔️ and more!
Your business deserves a website that perfectly markets every aspect of your business. Let us create something tailored for you. 

💥100% Custom, WordPress
💥Brochure OR E-Commerce
💥Need special functionality? Ask Us!
💥In-House Hosting

https://bit.ly/31lRAge 
 #websitedesign
#ClientLove
Love working with clients that have amazing ideas. Can't wait to see how this one expands

#portdover #pdyc #portdoveryachtclub #website #webdesign

Free E-Books

Downloadable Resources

Resources to help you kickstart your business. 

Connect your brand with what matters.

Join our community for tips, tricks and resources to kickstart your business. 

want to work together?

Woodstock | Ontario | Canada

©2022 CREATIVE ATMOSPHERE | Designed by Creative Atmosphere

find your way around

else where

Kristen Jerry

Kristen Jerry

Typically replies within an hour

I will be back soon

Kristen Jerry
Hello ???? Thanks for your interest in us. Before we begin, may I know your name?
Start Chat with:
chat Need Help?