This illustrative terrace trainer has a working configurator. Choose a colourway and a UK size, and the build summary updates, ready to send as a quote request.
People who buy terrace-style trainers tend to care about a slim shape, a gum sole and a colourway that says something about them. Cushioning barely enters it. The question is whether clean white leather or a suede toe in a club colour feels right. Because colourways often change the material as well as the shade, the buyer is choosing a texture as much as a colour.
Footwear Configurator demo
Terrace Trainer
- Product
- Terrace Trainer
- Colour
- Classic White
- Size
- UK 6
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
Classic white, all black, navy suede and bottle green are the four colourways to compare, with tan suede and burgundy completing six. Watch the stitched suede overlay across the toe as you switch: it is where leather and suede versions differ most. The thin gum rubber outsole edge stays constant in every shot. Sizes UK 6, UK 8 and UK 10 are listed in the summary, and the image is the same for each.
- Colour: Classic White, All Black, Navy Suede, Bottle Green
- Size: UK 6, UK 8, UK 10
Why a configurator suits trainers
Footwear carries a lot of variants per style. Six colourways across a typical UK size run with half sizes comes to well over sixty SKUs for one trainer. Imagery is usually manageable, because every size looks the same. Stock depth is the problem: core sizes in popular colourways sell first, while the page keeps showing colours the customer cannot have in their size.
A configurator can lead with size for returning customers, who usually know theirs, then show only the colourways available in it. That reverses the usual flow, where a shopper falls for a colourway and then finds the size missing. It is a small change in order, but it removes the most common dead end on a trainer page.
Material matters too. Navy suede and white leather behave differently in wear, in cleaning and on camera. A configurator can carry material and care notes per colourway, so choosing bottle green over classic white comes with the right expectations. Brands that sell through stockists can also point buyers to a nearby shop holding the colourway they want.
How a production version would be built
Each colourway needs its own photograph, because suede, leather and gum catch light differently and cannot be faked by recolouring. A side profile and a three-quarter view per colourway cover most needs. The data needed is colourway name, upper material, SKU by UK size and stock. Size-first browsing is a configuration rule rather than extra imagery. On Shopify every combination maps to a variant, keeping the checkout standard. A brand with a stockist network can add a store finder filtered by colourway.
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 trainer configurators
Can customers pick their size first and see only the colourways in stock?
Yes. Size can be the first step, and the swatches that follow are filtered by availability in that size. Colourways that are out of stock can be hidden or shown as sold out with a restock alert. For a trainer with deep size runs, this saves the customer from the usual disappointment at the last step.
Why does each colourway need its own photo instead of a recolour?
Because the materials change between colourways. White leather reflects light, suede absorbs it, and a gum sole has its own translucency. A recoloured image of one shoe would give suede the sheen of leather. Photographing or rendering each colourway is the only way to keep the material honest.
Can care advice differ between suede and leather colourways?
It can. Care notes attach to each colourway rather than the style, so selecting navy suede shows suede guidance and classic white shows leather guidance. It is a small detail, but it sets expectations about wear and cleaning before the buyer commits, rather than after the first rainy day.
Can we send customers to stockists that carry a colourway?
Yes. If you sell through other shops, the configurator can list nearby stockists holding the chosen colourway. The data can be a list you maintain or a feed from your wholesale system. Showing it beside the build suits brands that want to support retail partners rather than compete with them.
More footwear configurator demos
All footwear configurator demos
A configurator for your trainers
This demo uses an illustrative product. If you sell trainers, 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.