Shopify kleurstaal opties onbeperkt: meer kleuren zonder extra varianten

Shopify kleurstaal opties onbeperkt klinkt als iets dat elk thema zou moeten kunnen: een rij stalen voor stof, lak of bekleding, een tweede rij voor de rand, en een toeslag als iemand metallic kiest. Native Shopify denkt in SKU-combinaties. Je krijgt hooguit drie variant-opties, en de storefront toont doorgaans één kleurstaalgroep. Zodra je zitkleur *en* trimkleur nodig hebt, of twintig stoffen plus een afwerking, stopt de catalogus.

Dit artikel is voor merchants die stalen verkopen — meubels, gordijnen, sieraden, prints — en nu nog producten splitsen, dropdowns vol tekst tonen, of een spreadsheet van variantprijzen bijhouden. Je leest wat Shopify wél toestaat, waarom 2048 variants dat niet oplossen, en hoe je met Options Price Calculator visuele swatches op de productpagina zet met een prijs per staal, zonder extra SKU per tint.

Wat native kleurkeuze wél en niet doet

Volgens Adding variants mag een product maximaal drie options hebben en maximaal 2048 variants. Die variantcap geldt sinds oktober 2025 voor alle merchants (Shopify-changelog). Handig als je écht 40 maten × 20 kleuren als voorraad wilt. Voor stalen helpt het zelden.

Drie options is geen “drie kleuren”. Het is drie *typen* keuze: Size, Color, Material. Elke extra waarde onder Color maakt een nieuwe variant — en dus een cel in je matrix. Twintig stoffen × acht onderstellen × vier afwerkingen is al 640 SKU’s, en je vierde keuze (rand, montage, gravure) past native niet. Dezelfde grens behandelden we eerder bij Shopify meer dan 3 opties: 2048 lost combinatoriek op, niet het aantal keuzes.

Native swatches via category metafields maken Color visueel, maar ze blijven variantopties. In Multiple Colour combination options for a specific product wil een merchant Seat Colour *en* Trim Colour als stalen. Eén groep toont als swatch; de tweede valt terug naar tekst. Twee onafhankelijke visuele keuzes — bekleding en bies — zijn geen tweede Color-optie, dat is een tweede configurator. Extra plafond: 250 media per product. Een foto per tint vult die bak snel, terwijl je magazijn die 47 tinten niet op voorraad heeft.

Wat shops nu proberen — en waar het stukloopt

Producten splitsen per kleurfamilie

Eén stoel wordt vijf productpagina’s: linnen, velvet, leer, bouclé, outdoor. Elke pagina houdt drie options over. De klant springt tussen listings, related products dupliceren, en je Google Shopping-feed wordt een kopieerwerk. In How can I add more than three product customization options? is dat precies de workaround die de oorspronkelijke poster koos: per kleur een apart product, zodat de rest van de opties past.

Dropdown in plaats van stalen

“Dusty Rose”, “Midnight Blue”, “Warm Sand 03”. De klant gokt. Thema-swatches helpen alleen de opties die al als variant bestaan.

Line item properties in het thema

Met Liquid voeg je een tweede set kleurstalen toe als `<input name="properties[Trim]">`. Shopify bewaart de tekst op de orderregel — nuttig voor de stoffeerder. De checkout-prijs blijft de variantprijs. Metallic of outdoor-stof kost hetzelfde als basislinnen, tenzij je er een app of Shopify Function naast zet.

Elke staal als variant-SKU

Dat werkt tot je voorraad, kortingen en feeds per tint bijhoudt voor iets dat je op bestelling inkoopt. Wijzigt de ledertoeslag, dan open je tientallen variantregels. Combineer stalen met een continue maat en de matrix explodeert.

Swatches als velden, prijs als formule

Options Price Calculator is gebouwd voor dit patroon: onbeperkte productopties op de productpagina, visuele swatches, en een formule die de prijs live bijwerkt. Geen extra variant per tint. De app hangt als theme app extension onder de prijs; je koppelt de calculator per variant als je wél een SKU-verschil hebt (bijvoorbeeld een houten versus metalen onderstel).

Het Swatch-veld is een single-choice selector met kleur en/of afbeelding. Elke optie heeft een label, een visueel (hex-kleur, textuurfoto, of beide) en een numeric value. Die waarde gaat de formule in: toeslag, multiplier, of input voor een later rekenscherm. Docs-voorbeelden:

• `1` — geen prijswijziging

• `1.2` — multiplier (premium stof)

• `15` — vaste toeslag

Voor een stoel met bekleding houd je één Shopify-product (één SKU, of een paar echte voorraadvarianten voor het frame). Daarboven twee swatch-velden: `fabric_swatch` en `trim_swatch`. Formule, in de geest van Pricing / Formula Examples voorbeeld 3:

``` product_price * fabric_swatch + trim_swatch ```

Linnen `1`, velvet `1.15`, leer `1.4`. Trim: standaard `0`, contrastbies `12`, metallic `25`. De klant tikt stalen aan; de prijs volgt. Verplicht het veld als de keuze nodig is voor fulfillment. Zet één default als je een bestsellersstof wilt voorselecteren.

Een tweede swatchgroep is het punt dat native Shopify niet haalt. Seat en trim zijn twee velden, geen tweede Color-optie. De selectie komt als productdata op de order mee; je kunt extra velden in de bevestigingsmail zetten via de order confirmation-docs.

Wanneer conditional (Premium)

Als twee stoffen dezelfde numeric value hebben maar je wél andere logica wilt — bijvoorbeeld alleen “outdoor” een coating-toeslag — gebruik je Conditional Pricing (Premium). In conditions heb je `{key}_optidx`: de nul-gebaseerde index van de gekozen staal. Dat is geen Starter-feature. Een gewone toeslag of multiplier via de numeric value van de swatch zelf wél: die zit in de formula builder.

Live preview van het product met de gekozen kleur (Product Personalizer) is eveneens Premium. Swatches zelf — kleur, image, waarde, verplicht, default — zitten in de gewone veldbouwer.

Image versus platte kleur

Voor lak en poedercoat volstaat een hex. Voor stof upload je een close-up (JPEG, PNG, WebP of GIF) en crop je in de app. Liggen kleur en image beide in, dan ligt de foto over de fill — handig bij transparante weefsels. Vorm, grootte en actief-icoon stel je globaal in onder Customize design → Swatches. Heel veel opties met lange namen? De docs raden dan een dropdown aan; stalen blijven zinvol zolang de keuze visueel is.

Voorbeeld: eetkamerstoel met stof én bies

Je verkoopt één stoel, frame eiken, op bestelling gestoffeerd. Native zou je Color (stof) en Style (bies) al twee van drie options vullen; een zitdiepte of armleuning is de derde, en dan is het op. Twintig stoffen × zes bieskleuren = 120 varianten vóór je überhaupt een extra keuze toevoegt.

In de calculator:

1. Swatch “Stof” (`fabric_swatch`), image per rol, values `1` / `1.15` / `1.4`.

2. Swatch “Bies” (`trim_swatch`), kleurvlakken, values `0` / `12` / `25`.

3. Optioneel: number input voor een extra kussen, of een checkbox met toeslag.

4. Formule: `product_price * fabric_swatch + trim_swatch`.

5. Frame-hout versus metaal houd je als echte Shopify-variant; link de calculator per variant als het tarief verschilt.

De catalogus blijft één product. Feeds, voorraad en kortingen blijven op het frame. De stoffeerder leest stof + bies van de orderregel. Wijzigt de ledertoeslag, dan pas je één value aan, niet 120 SKU’s.

Hetzelfde patroon geldt voor sieraden, prints of raamdecoratie: de klant moet *zien* wat hij kiest, en de prijs is een functie van die keuze in plaats van een magazijncel.

Wat je nodig hebt om te starten

1. Installeer Options Price Calculator vanuit de Shopify App Store. Free heeft 20 uses; Starter ($9.99/mo) is unlimited options, formula builder en multilingual; Premium ($14.99/mo) voegt conditional logic, live preview en price breakdown toe.

2. Zet het app block op je producttemplate: Theme editor → Products → Add block → Apps → Options Price Calculator, bij voorkeur onder de prijs en boven Add to cart. Stappen: How to Add the Extension to the Product Page.

3. Bouw een calculator met minstens één Swatch-veld. Key in lowercase (`fabric_swatch`). Numeric values afspreken vóór je twintig foto’s uploadt.

4. Schrijf een korte formule, test met preview-waarden, rond af in de laatste stap (`Math.round` / `Math.ceil`) zoals de formula-docs aanraden.

5. Link de calculator aan het product (of per variant). Open de storefront, tik stalen aan, controleer prijs én cart.

Thema’s verschillen; als de prijs niet meeschuift, gebruik je de selector picker (price + add to cart) in plaats van te hopen dat elk thema identieke markup heeft. Server-side price validation houdt de berekende prijs in checkout in de pas — geen browser-only bedrag.

Tot slot

Shopify-varianten blijven de juiste plek voor echte voorraad-SKU’s: maten die je op de plank hebt, kleuren die je mag retourneren per tint. Shopify kleurstaal opties onbeperkt gaat over de rest: extra visuele keuzes, een tweede staalgroep, een toeslag per materiaal, zonder de 3-optiegrens of een variantmatrix. Zet de stalen in de calculator, de prijs in de formule, en houd je catalogus schoon.

Installeer Options Price Calculator en zet je eerste swatch-groep live op de productpagina.