Pick a colour and a size for an illustrative pebbled tote in vegan leather. Black, cream, tan and navy are on offer, in small or large, and the pairing can be sent as an enquiry.
A tote like this is a working bag. It goes to the office, the gallery and the weekend market, and it has to swallow whatever the day needs. The buyer's first question is what fits: a laptop, an A4 notebook, a water bottle and a jumper. Colour matters, but a tote in the wrong size gets returned whatever its shade.
Bags and luggage Configurator demo
Pebbled Tote
- Product
- Pebbled Tote
- Colour
- Black
- Size
- Small
Illustrative product. The design and images are generated examples, not a real model for sale.
What you can configure
The demo shows four of six colours, with olive and oxblood held back. Size is small or large. On a slouchy tote, size changes the shape as well as the capacity, since the larger bag folds and sags more when half full. The summary records the size. A production build would show each size on the body and filled, not just empty on a table.
- Colour: Black, Cream, Tan, Navy
- Size: Small, Large
Why a configurator suits totes
Size is the main reason totes come back. A buyer orders the small, finds their laptop does not fit, and returns it. Another orders the large and finds it swamps their frame. Product dimensions do not prevent this, because people do not picture centimetres. A configurator that shows each size with real contents, and on a person, does.
Six colours and two sizes is twelve variants, a manageable shoot for most brands. The difficulty is presenting them without a long grid of near-identical images. One product page where colour and size are separate choices, and the picture updates for each, keeps the range easy to browse and keeps reviews in one place.
Vegan leather raises its own questions. Buyers want to know what the material is, how it wears and how to clean it. Those answers can differ by colour, since lighter finishes show marks more readily. The configurator can carry material and care notes per colour, so the cream bag comes with an honest line about upkeep.
How a production version would be built
A slouchy bag changes shape, so I would photograph rather than render. That means one image per colour per size, twelve in total, with the bag lightly filled to hold a natural form. A second set on a model shows scale. Layering is not useful here, because the size difference affects every part of the bag, from the pebbled panels to the handle loops. Alongside the photographs go colour names, dimensions, a short list of what fits each size, and material and care details. Orders map to variants on Shopify or WooCommerce.
Build sheet for this range
- Colours in the full range: 6 (4 shown in this demo)
- Size choices: 2
- Combinations to support: 6 × 2 = 12
- Images for one photograph per combination at 3 angles: 36
- Images if sizes can be shown as separate layers, at 3 angles: 24
- Data each of the 12 combinations needs: a SKU or variant ID, price, stock or lead time, and any dimensions or specification that change
Questions about tote configurators
Can the configurator show what fits inside each tote size?
It can, and for a tote it is the most useful addition. Each size can carry a what-fits image, the bag holding a laptop, notebook and bottle, plus a short list. Buyers can also select their laptop size and get a clear yes or no. It is a simple feature that addresses the most common reason for tote returns.
How do you keep a slouchy bag looking consistent across colours?
Fill it the same way every time. A fixed internal form or the same tissue packing keeps the shape identical across colours, and the camera stays locked in position. Buyers comparing tan and navy then see only the colour change, not a different slump in each photograph.
Should material claims about vegan leather go in the configurator?
Yes, accurately. The material composition, care guidance and any certifications you hold can be stored per colour and shown beside the swatch. Keep claims to what you can document. Buyers in this category check, and precise information earns more trust than broad environmental language.
Which ecommerce platforms does a bag configurator work with?
Shopify and WooCommerce are the most common, with each combination mapped to a variant so stock, pricing and checkout behave normally. A configurator can also feed a quote form or a CRM for wholesale enquiries. I integrate with all of these, and the platform rarely limits what the configurator can do.
More bag and luggage configurator demos
All bag and luggage configurator demos
A configurator for your totes
This demo uses an illustrative product. If you sell totes, 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.