Open the admin of a small clothing shop that has been running a year and you will usually find the same thing: "Linen Shirt - White - S", "Linen Shirt - White - M", "Linen Shirt - Blue - S", and on down the list. One shirt has become twenty products.
It works, in the sense that people can buy. It costs you in four places at once. The category page shows the same shirt twenty times and buries everything else. A price change is twenty edits. A photograph swap is twenty uploads. And when someone asks whether the blue is back in a medium, you are counting rows instead of reading a number.
A shirt is one product. Size and colour are things about it.
Set the axes once, then fill the grid
The structure you want is one product with option axes on it. Size is an axis with values S, M, L, XL. Colour is an axis with values white, blue, sand. The combinations become variants, and each variant is the thing that actually has stock.
That single change does most of the work:
- One page, one URL. Google indexes a shirt, not twenty near-duplicates competing with each other. Thin duplicate pages are the most common self-inflicted SEO problem in a clothing catalogue.
- The customer chooses in place. Pick a size, pick a colour, add to basket. No going back to the listing to find the other colour.
- Stock is per variant, where it belongs. White M sold out. Blue M did not. The page can say so instead of taking an order you cannot fill.
The mechanics are in product categories and variants, and adding the parent product first is covered in add products.
Give each variant the three things that differ
A variant is not just a label. Three fields on it earn their keep, and the rest can stay empty.
- Its own stock count. The only number that matters on a busy Saturday. Sold out in one size does not take the whole shirt off sale.
- Its own SKU. What is printed on the tag in the stockroom. When a customer emails about an order, the SKU is how you find the garment without guessing.
- Its own photograph. The blue one should show blue. Customers who pick a colour and still see the white photo assume the site is broken, and a surprising number of them leave rather than ask.
A variant can also carry its own price, which you only need when it genuinely differs. An XXL that costs more in fabric is the honest case. Charging more for a larger size when it costs you nothing extra is a conversation you do not want to have in public.
Name the values the way customers say them
Size labels are where catalogues quietly go wrong. "S / M / L" is fine for one brand and useless across several. If you stock Italian sizing next to UK sizing, "40" and "12" sit in the same dropdown meaning the same garment, and the customer has no way to know.
Pick one vocabulary for the dropdown and put the conversion in the size guide. The dropdown is for choosing. The guide is for deciding, and it deserves its own page rather than a line of small print. That is a whole job of its own, and it is the single biggest lever on returns: see The Size Guide That Stops Half Your Returns.
Decide what happens when one combination runs out
Every clothing shop hits this in the first month. The mediums have gone and the mediums are most of the demand.
You have three honest answers, and the wrong one is silence:
- Show it as unavailable. The variant greys out, the rest of the shirt stays on sale. Simplest, and correct most of the time.
- Take the order anyway. Only where you genuinely can restock, and only with the wait stated before the basket, not after.
- Take the shirt off the shop. If a garment is finished and not coming back, retire it rather than leaving a page that disappoints everyone who lands on it.
What you must not do is leave a sold-out size selectable. An order you cannot fill costs you the refund, the apology and the review.
Start with the twenty products you already have
If your catalogue is already split, you do not have to rebuild it in an evening. Take the ten garments that sell most, collapse those into proper variants, and leave the long tail until it bothers you. The top ten are where the duplicate pages and the stock confusion are actually costing money.
New shops have it easier: set the axes before you add the second garment and you will never build the twenty-row version at all.
The clothing store website builder page shows the finished shape, set up your shop covers currency, tax and shipping before you list anything, and if you are starting from nothing, How to Add an Online Store to Your Website is the shorter route in. You can start for free with the garments you have photographed already.