Here is a fitted studio jacket, an illustrative piece of activewear, with a live picker for colour and size. Your choices build a summary you can send as a quote request.
Fitted activewear is bought on two questions. Will it sit close without restricting a stretch or a lunge, and will the colour still look right after months of classes and washing? Black and navy forgive almost everything. Sage and rose read softer and more fashion-led, and they show the curved seam lines more clearly. Thumbhole cuffs signal a garment designed for movement, and buyers notice them straight away.
Fashion Configurator demo
Fitted Studio Jacket
- Product
- Fitted Studio Jacket
- Colour
- Black
- Size
- XS
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
Black, navy, sage and rose are the four colours to try, out of six that also include grey and plum. Each one is a separate photograph, so the thumbhole cuff with its fold-over hand cover appears in true colour rather than a tint. The curved seams on the stretch body stay visible too. XS, S and M can be picked and saved to the summary. The image is the same for every size.
- Colour: Black, Navy, Sage, Rose
- Size: XS, S, M
Why a configurator suits jackets
Close-fitting garments are where sizing doubts turn into returns. A customer between XS and S often orders both and sends one back. A configurator can put the right information beside the size choice. Garment measurements, how much give the fabric has and how the jacket is meant to fit all belong there, not in a generic chart three clicks away.
Colour on stretch fabric is its own problem. Body-skimming garments pull at the seams, and light falls differently across curved panels. A flat lay of rose can look nothing like rose on a moving body. Consistent on-figure images per colour give the buyer a more honest picture than a row of flat swatches.
Buyers choosing sage or rose also ask whether a lighter shade will show sweat during a class. The answer depends on the fabric, and only the brand knows it. A configurator can place that note next to the swatch, where the question arises, instead of in a care tab that nobody opens.
How a production version would be built
A production version would start with one photograph per colour, taken on a mannequin or model so the fitted shape reads correctly. Size stays as data, linked to a measurement table and fit notes for the style. A close crop of the thumbhole cuff in each colour would serve as a second view. Retail orders go to a Shopify or WooCommerce basket as standard variants. Brands that also sell to studios can add a trade route that sends larger orders to a quote instead of checkout.
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 the thumbhole cuff being worn?
Yes, as a second view per colour. Thumbhole cuffs are a feature people want to see in use, because the fold-over hand cover only makes sense on a hand. A close crop of the cuff in the chosen colour does more than a line of description. In this demo each colour has a single image.
Should a fitted jacket be shot on a model or a mannequin for the configurator?
Either works if it is consistent. A model shows how the fabric stretches across the body, which matters for a fitted cut. A mannequin is easier to repeat exactly, which matters when the image swaps on every click. Many brands use a mannequin for the configurator and keep model shots further down the page.
Can fit advice sit right next to the size buttons?
Yes. Fit notes, garment measurements and the model's size can all appear beside the size choice. For close-fitting activewear, one plain line about sizing up for layering does more than a full chart. The wording comes from your product data, so it can differ by style.
Does it work on Shopify?
Yes. Each colour and size combination maps to a Shopify variant, so price, stock and checkout stay standard. Studio or team orders can follow a separate route to a quote or draft order. WooCommerce works the same way through its variation system. I reply to enquiries within two UK working days if you want to talk through your setup.
More fashion configurator demos
Five-Pocket Jeans
Hooded Field Jacket
Hooded Shell Jacket
Insulated Hood Jacket
Knit-Look Zip Jacket
Quilted Jacket
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.