A fabric picker grouped by type, with a price on every option
What they do
"Select Fabric [ 51 ]" opens a side drawer rather than a dropdown. The 51 fabrics are grouped into ten named families, each introduced by a short paragraph on how it feels and how it's cleaned, and each swatch is a large tile carrying the fabric name and the price that choice would make the sofa: £3,529 in Siena Cotton, £4,119 in Daino Leather. A running subtotal and a Confirm button sit at the foot, and a link to order free swatch samples sits at the head. Confirming updates the render, the price and the availability line, which flips from "In stock: delivery typically within 7 to 14 days" on the leather to "Made to Order: delivery typically within 12 to 13 weeks" on the velvet.
Why it works
Fifty-one options in a dropdown is a list; fifty-one options in ten explained families is a decision you can actually make, because the families narrow the field before the colours do. Pricing each option in place kills the "From £3,399" bait that ends in a nasty surprise at the basket, and shows the shopper what the upgrade costs at the moment they're weighing it. The lead time moving with the fabric is the sharpest bit: twelve weeks is a dealbreaker for someone who has just moved in, and telling them before they add to cart buys goodwill instead of a cancellation.
Makes sense when
Configurable products with more than a handful of options and real price or lead-time variance between them: upholstery, kitchens, blinds, bikes, anything made to order. It needs per-variant pricing and stock data that's actually accurate, because the pattern's whole value is trusting the number in the drawer. Where the option count is under about a dozen, an inline swatch row is less friction than a drawer.
More like this
More product patternsWant this on your store?
I'll tell you which of these patterns will move organic revenue for your catalogue, and which to skip.
Book a discovery call