Skink Insights - E-commerce

How Do You Set Up Product Variations Like Size and Colour in WooCommerce?

By

If your products come in different sizes or colours, you need a WooCommerce “variable product” rather than a simple one. Set it up right and shoppers pick their size or colour from a dropdown on the product page, with the correct price, stock and photo showing for each option. Set it up wrong, and you end up with a wall of near-identical listings or a support inbox full of “which one did I actually order?” emails. Here is how to do it properly.

What Counts as a Variation

A variation is any option that changes what a customer receives without it being a genuinely different product. Size, colour, material and bundle size are the usual suspects. A red t-shirt in a large is a variation of “t-shirt”, not its own product. The test is simple: if two versions share the same description, images (mostly) and general purpose, they should live under one variable product with variations underneath, not as separate listings competing with each other in search.

Setting Up Attributes First

Before you touch variations, WooCommerce needs attributes to build them from. Go to Products > Attributes and create one for each option type, for example “Size” and “Colour”. For each attribute you can add terms (Small, Medium, Large, or Red, Blue, Green) that you will reuse across every product that needs them. This is worth doing properly once rather than typing “Large” into a text box on every single product, because reusable attributes are also what powers the filtering on your shop page.

On the product itself, set the product type to Variable Product, then open the Attributes tab and add the attributes you need, ticking “Used for variations” for each one. This tells WooCommerce which attributes should generate actual purchasable variations, as opposed to attributes that are just descriptive.

Turning Attributes Into Variations

Once your attributes are saved, switch to the Variations tab and choose “Generate variations from all attributes”. WooCommerce will build every possible combination, so three sizes and four colours gives you twelve variations. Click into each one to set:

  • A price, if it differs from the parent product
  • Stock quantity, if you are tracking stock per variation
  • A SKU, so each option is easy to identify in reports and packing slips
  • A variation image, so the product photo updates when a colour is chosen
  • Weight and dimensions, if shipping is calculated by weight

You do not have to fill in every field for every variation. Leave price blank and it falls back to the parent product’s price, which is handy when only stock or the photo differs.

Photos, Stock and Pricing for Each Variation

The most common request we get on WooCommerce builds is getting the product photo to change automatically when a shopper picks a colour. That comes from the variation image field, not the main product gallery, so it is easy to miss if you are setting products up for the first time. Take a few extra minutes to add a proper image to each colour variation. It is a small detail that makes a store feel trustworthy, and it cuts down on “is this actually the colour I am getting” questions before checkout.

Stock is worth the same care. Deciding whether to track stock at the parent level or per variation early on saves a lot of manual fixing later, especially once a bestselling size or colour starts selling out ahead of the others.

Common Mistakes to Avoid

  • Creating a separate product for every colour instead of one variable product, which splits your reviews and search ranking across multiple listings
  • Generating every combination when some do not exist, like a colour that was never made in a certain size, then leaving those variations visible and out of stock
  • Forgetting to set a default selection, so the page loads with no price showing until a shopper clicks something
  • Skipping variation SKUs, which makes stocktakes and courier labels a guessing game later

If you are not sure your store is set up cleanly, a tool like Store Auditor can scan your catalogue and flag issues like missing SKUs, blank variation prices or images that never got attached, which is a quicker starting point than checking every product by hand.

When to Get Help

Product variations are straightforward for a handful of products but can get messy fast once you are managing hundreds of SKUs across multiple attributes, or migrating a catalogue from another platform. If that sounds like your store, it is worth having someone check the structure before you build it out further rather than after. Have a look at our e-commerce services or browse recent projects on our work page to see how we approach WooCommerce builds for Australian stores.

Need a hand setting up variations, or auditing a store that already exists? Give us a call on 02 9834 4119 or get in touch and we will take a look.

Rachael Orlando

Need a WordPress website, theme or plugin built properly? We would love to help.

Start a project