This example quilted jacket comes with a working colour and size picker. Choose one of four colours, select S, M or L, and the build summary records both, ready to send as a quote request.
Someone buying an insulated jacket is usually deciding where it will be worn most. Black and navy sit easily over office clothes on a cold commute. Olive belongs to the woods and the dog walk. Burnt orange is the trail colour, easy to spot on a hillside and harder to wear into town. Horizontal quilting also catches light and shadow, so each shade reads slightly differently across the chest.
Fashion Configurator demo
Quilted Jacket
- Product
- Quilted Jacket
- Colour
- Black
- Size
- S
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
Four of the six colours are live here: black, navy, olive and burnt orange, with grey and sky blue held back for the full range. Every swatch is its own photograph. The horizontal baffles across the chest and the chin guard at the top of the zip stay put while only the shade changes. Size goes into the summary but leaves the picture alone, which is how it should be for a jacket.
- Colour: Black, Navy, Olive, Burnt Orange
- Size: S, M, L
Why a configurator suits jackets
Six colours in three sizes gives eighteen variants for one jacket. Most outdoor and lifestyle retailers already photograph every colour, so pictures are rarely the blocker. Availability is. A customer settles on burnt orange, scrolls to the size buttons and only then finds that medium has gone.
A configurator can check colour and size together, flagging unavailable combinations before the customer has committed emotionally to one. It can offer click and collect from the branch holding the right size. Failing that, it can set a back-in-stock alert for that exact variant rather than for the jacket in general. The customer leaves with a plan instead of a dead end.
Insulated jackets are also bought months ahead by the retailer. The colours that sell in October are not always the ones ordered most heavily. Configurator data records which combinations people chose, including those they wanted but could not buy. That is precise evidence for next season's buy, and far more useful than page views.
How a production version would be built
One consistent product image per colour is enough for a jacket, because size does not change the silhouette in a way buyers need to see. The real work is in the data. That means a variant table of colour, size, SKU and stock, plus a size guide with chest and back length measurements. On Shopify, each combination maps to an existing variant, so the basket, stock and returns all behave normally. A retailer with branches would add store-level stock so the configurator can offer collection.
Build sheet for this range
- Colours in the full range: 6 (4 shown in this demo)
- Size choices: 3
- Combinations to support: 6 × 3 = 18
- Images for one photograph per combination at 3 angles: 54
- Images if sizes can be shown as separate layers, at 3 angles: 27
- Data each of the 18 combinations needs: a SKU or variant ID, price, stock or lead time, and any dimensions or specification that change
Questions about jacket configurators
Can the configurator show which sizes are left in each colour?
Yes. Stock is held per variant, so colour and size are checked together. A sold-out size can be greyed out, marked for back order or linked to a restock alert. Doing this before the basket avoids the familiar frustration of choosing a colour and only afterwards discovering the size has gone.
Do we need on-model photos of every colour as well as packshots?
Not to start. One consistent packshot per colour is enough for the configurator itself. On-body photos help with fit and length, so I would add them as secondary images, beginning with the best-selling colours. Keep the two sets clearly separate, because lifestyle lighting next to studio packshots can make the same colour look like two.
How do you keep a bright shade like burnt orange accurate on screen?
Orange and red drift more than most colours between camera, editing and display. I check edited images against the physical garment under daylight-balanced light and correct before publishing. No screen matches perfectly, but consistency across the range matters more, because it lets buyers compare shades fairly against each other.
Can the size guide open from inside the configurator?
Yes. It can open from the size selector with chest, length and sleeve measurements for each size. For an insulated jacket it helps to add a line on layering, since some buyers wear it over a fleece. If your reviews contain consistent fit feedback, a short summary can sit beside the measurements.
More fashion configurator demos
All fashion and apparel configurator demos
A configurator for your jackets
This demo uses an illustrative product. If you sell jackets, I can build the same experience around your own range, photography and ordering process, connected to Shopify, WooCommerce or a quote workflow. I reply to enquiries within two UK working days.