Met de optie Afbeeldingsstaal kiezen klanten uit een set benoemde afbeeldingen, waarbij elke keuze de afbeelding op het canvas daadwerkelijk vervangt. Gebruik deze optie wanneer een ontwerp echte visuele varianten heeft, zoals verschillende kleurstellingen van dezelfde illustratie, in plaats van een gewone keuzekiezer zoals een Keuzelijst.

Om de optie toe te voegen, ga je in de zijbalk naar Optiesets, open je de optieset van je product, klik je op Optie toevoegen, kies je Afbeeldingsstaal onder Keuzelijst en klik je op Toevoegen.

Optiesets in de navigatie van de zijbalk
Knop Optie toevoegen in de optiesetteditor
Menu Optie toevoegen met Afbeeldingsstaal geselecteerd onder Keuzelijst

Inhoud

In het gedeelte Inhoud stel je het label in, de afbeeldingen waaruit klanten kiezen en hoe ze worden weergegeven.

  • Label: de veldnaam boven de kiezer, standaard “Image swatch”
  • Standaardafbeelding: een onafhankelijke terugvalafbeelding, te kiezen uit elke asset in je bibliotheek, niet per se een van de staalwaarden hieronder
  • Afbeeldingenset: in het begin leeg; vul de set met Afbeelding toevoegen (één bestand uploaden of kiezen) en Importeren uit map (alle bestanden die al in een Assets-map staan in één keer toevoegen)
Paneel Inhoud met Label, Standaardafbeelding en een lege Afbeeldingenset met de knoppen Afbeelding toevoegen en Importeren uit map

Als je op Importeren uit map klikt, wordt de Assets-bibliotheek geopend. Afbeeldingsstaal leest de afbeeldingsbestanden van de map zelf, dus een platte map zoals “Choose Color” werkt zonder aanpassingen. Vink het selectievakje van de map aan in de lijst Mappen (open de map niet: als je op de naam van een map klikt, wordt die geopend in plaats van geselecteerd) en klik op Klaar.

Dialoogvenster Afbeeldingen met het selectievakje van de map Choose Color aangevinkt in de lijst Mappen

Elk bestand in die map wordt één waarde in de Afbeeldingenset, genoemd naar de bestandsnaam, waarbij de eerste automatisch als Standaard wordt ingesteld.

Paneel Inhoud na het importeren, met Black, Blue, Brown, Green, Navy en Pink in de Afbeeldingenset en Black gemarkeerd als Standaard
  • Weergavestijl: kies Thumbnailafbeeldingen om elke waarde als afbeeldingstegel te tonen, Knop om ze als tekstknoppen te tonen of Vervolgkeuzelijst om ze als keuzemenu te tonen
Voorbeeld van de optieset met de weergavestijl Knop, waarbij elke kleur een knop met label is
Voorbeeld van de optieset met de weergavestijl Vervolgkeuzelijst als keuzemenu

Hoe het op het canvas wordt weergegeven

Hierin verschilt Afbeeldingsstaal van een Keuzelijst: als je een waarde kiest, wordt niet alleen een keuze vastgelegd, maar wordt ook de eigen canvaslaag van de optie opnieuw getekend met die afbeelding. Als je Pink selecteert, verandert de afbeelding op de productmockup direct in de roze versie.

Canvas en voorbeeld van de optieset na het selecteren van Pink, met de roze kattenafbeelding op het shirt

Voorwaarde

Zoals de meeste optietypen ondersteunt Afbeeldingsstaal eigen voorwaarden, zodat je de optie kunt tonen of verbergen op basis van een andere selectie elders in de optieset. Omdat elke waarde een eigen naam heeft (Black, Blue, Brown...), verschijnen die namen ook als aparte items in de Voorwaarde-kiezers van andere opties, net zoals de keuzes van een Keuzelijst. Zie de gids Voorwaardelijke optiesets als je dit wilt instellen.

Bijgewerkt op: 17/07/2026