Size Guide for WooCommerce – Size Chart Popup & Measurement Tables
Create reusable size charts, assign them to products or categories and show them in a clean popup or product tab with a cm / inch switch.
Create WooCommerce variable products step by step: choose attributes, generate variations, set price, SKU, stock and image per variation, use bulk edit, and avoid the common stock and price mistakes.
A WooCommerce variable product is one product that comes in several versions, such as a shirt in four sizes and two colours, where each version (a variation) can have its own price, SKU, stock level and image. You create it by choosing the Variable product type, adding attributes, generating the variations and filling in each one. This guide shows how, covers bulk edits and the limits for many variations, and lists the common mistakes. It was checked against the WooCommerce documentation in October 2026 (WooCommerce 11.2), so your screens may differ.
In short
Use a variable product when one product has choices the customer must make, and those choices change something you track: price, SKU, stock, image or weight. A T-shirt in three sizes and two colours fits. A mug with optional engraving text does not: the text is an extra field, not a version, and product add-ons or custom fields are the usual tools.
If the versions are really different items, create separate simple products, and a grouped product if you want them together on one page. A useful test: if each version should have its own SKU and stock count, it is a variation.
Attributes describe a product, such as Size or Colour. WooCommerce documents two kinds.
| Global attribute | Custom attribute | |
|---|---|---|
| Created | Products > Attributes | The Attributes tab of one product, with Add New |
| Reuse | Any product; changing a term updates it everywhere | That product only |
| Values | Terms added under Configure terms | Typed on the product, separated by a pipe symbol |
Global attributes also have an Enable archives option, which creates a page listing every product with one of the attribute's terms, for example yourstore.com/color/black/. These are extra URLs, so switch them on only if you want them found: the WooCommerce SEO guide covers the trade-off. The Default sort order sets the dropdown order. Name sorts alphabetically and turns S, M, L, XL into L, M, S, XL, so choose Custom ordering for sizes.
These steps follow the documentation's variable product page, checked on WooCommerce 11.2 in the classic product editor.
If you change the attributes later, you may need to redefine the variations.
| Field | What to know |
|---|---|
| Regular price, Sale price | Regular price is required: a variation without a price does not show |
| SKU, GTIN, UPC, EAN or ISBN | They identify the exact version. Blank falls back to the product-level value |
| Manage stock? | Gives the variation its own stock quantity, backorder setting and low stock threshold |
| Weight, Dimensions, Shipping class | Blank values use the parent product's settings |
| Image | A main image per variation. From WooCommerce 11.1 there is also a Variation gallery |
| Tax class | Only if one variation is taxed differently: see tax and VAT setup |
The Bulk actions dropdown on the Variations tab changes every variation of the product immediately. It also holds Delete all variations, so back up first. The actions cover status, setting, increasing or decreasing regular and sale prices by a fixed amount or percentage, scheduled sales, stock settings, and Length, Width, Height and Weight. There is no bulk action for images.
woocommerce_ajax_variation_threshold filter, and the documentation advises the lowest value that works, because higher values can affect product-page performance.max_input_vars and be cut off without warning. Check WooCommerce > Status, Server environment. WooCommerce's documentation gives a default of 1000 and suggests 3000.We found no fixed maximum number of variations in the documentation. For hundreds of variations, edit them in a spreadsheet: see importing and exporting products.
On the product page shoppers pick each required option, as dropdowns or buttons depending on the theme, and the price, image and availability update. Shop and archive pages list the parent product and may show a price range. In WooCommerce's code a range appears when the lowest and highest active prices differ, and it shows no struck-out sale price. In the cart each variation is its own line with its chosen options, but the layout depends on your theme or the Cart block, so check it with a test order.
WooCommerce documents an experimental Color swatches for attributes feature under WooCommerce > Settings > Advanced > Features. It is off by default, appears only on block themes and works with Color / image attributes. Otherwise swatches come from plugins: use the checklist in our best WooCommerce plugins guide. DevMarket lists Size Guide for WooCommerce, which adds size charts to products and categories and says it works with variable products. Test any of them on staging.
A variable product is one product page, so variations do not get pages of their own. Google's product variants guide describes this single-page pattern, with one canonical URL for the product. Duplicates come from extras such as attribute archives, plugins that list variations as separate products, and URL parameters. The SEO guide covers them.
Take an invented product, the Desert Linen Shirt, in four sizes and two colours. Prices and stock are illustrative.
| Variation | SKU | Price (SAR, example) | Stock (example) |
|---|---|---|---|
| Sand, M | DLS-SAND-M | 189 | 10 |
| Sand, XL | DLS-SAND-XL | 199 | 4 |
| Olive, L | DLS-OLIVE-L | 189 | 8 |
Now test like a customer. The shop page should show a range of 189 to 199. Pick Olive and L, check the image changes, add it to the cart and place a test order. Stock should fall only for Olive, L.
The documentation we checked gives no fixed maximum. The limits you meet are practical: paging above 15, static dropdowns above 30 by default, and your server's max_input_vars when saving.
Yes. Click the image placeholder on the variation. From WooCommerce 11.1 you can also manage a Variation gallery.
It is optional. Give every variation its own SKU, which you will need when you import variations.
Check that it is Enabled, has a regular price and is not hidden as out of stock by the catalogue setting.
For many products, edit in a spreadsheet with our product import and export guide. For the store as a whole, see how to set up WooCommerce, and browse WooCommerce plugins on DevMarket for swatches and other extras.
The software this guide talks about, ready to look at.
Create reusable size charts, assign them to products or categories and show them in a clean popup or product tab with a cm / inch switch.
Fix the WordPress critical error and white screen of death calmly: back up, read the logs, find the cause by elimination, then handle database, 500, memory, maintenance mode, 404 and login errors.
9 min read
Choose a WordPress theme by testing, not by demo. Compare block and classic themes, sources, speed, accessibility, RTL support, WooCommerce, builder lock-in and licence terms on a staging copy.
9 min read
Use this WordPress maintenance checklist to plan weekly, monthly and yearly tasks: updates, backups, users, plugins, security, speed, PHP, domain and SSL, plus Site Health and WooCommerce checks.
9 min read
Every item on DevMarket has a human-reviewed release, an instant licence key and clear update and support terms.