Klanten per item een variant laten kiezen (kleurstalen)

Schakel voor een aanbieding met hoeveelheidskorting de variantkiezer in, zodat klanten voor elke eenheid een maat, kleur of andere optie kunnen kiezen. Een aanbieding Koop 2 kan bijvoorbeeld bestaan uit één Small Ivory-tas en één Large Blush-tas. Kies dropdowns, kleurstalen, knoppen of variantafbeeldingen om deze keuzes duidelijk te maken.

De variantkiezer inschakelen

Deze instelling staat in de kaart Variantkiezer op het tabblad Add-ons van de bundelbewerker. Een schakelaar in de koptekst van de kaart toont of de instelling aan of uit staat.

1. Open de bundel die je wilt bewerken, ga naar het tabblad Add-ons en zoek de kaart Variantkiezer.
2. Schakel de schakelaar in de koptekst van de kaart in.

Bij gewone aanbiedingen met hoeveelheidskortingen en Koop X, krijg Y zorgt deze instelling ervoor dat elke eenheid een eigen keuze heeft. Als de instelling uitstaat, volgt een niet-vastgezette gewone aanbieding de door het thema geselecteerde variant. Kaarten voor productbundels en hoofdproducten die aan een set varianten zijn vastgezet, kunnen nog steeds een kiezer in de kaart hebben.

Wat de schakelaar regelt

Gewone aanbiedingen gebruiken deze schakelaar voor de kiezer per eenheid van het hoofdproduct. Een hoofdkaart van een Productbundel behoudt een kiezer in de kaart, ook wanneer de schakelaar uitstaat, zodat klanten naast de andere vereiste producten een keuze kunnen maken. Vereiste bundelproducten, cadeaus en optionele extra's behouden indien van toepassing ook hun eigen keuzes. Een vastgezet hoofdproduct kan ook een eenvoudige kiezer behouden wanneer de schakelaar uitstaat, beperkt tot de varianten die je hebt vastgezet.

Wanneer de schakelaar uitstaat, gebruiken productbundelregels eenvoudige dropdowns. Wanneer de schakelaar aanstaat, worden de geconfigureerde weergavetypen ook toegepast op de regels van vereiste bundelproducten. Kiezers voor cadeaus en optionele extra's gebruiken hun eigen bedieningselementen. Een product met slechts één selecteerbare variant kan de variant als tekst tonen in plaats van een onnodige dropdown.

Het weergavetype voor elke optie instellen

Zodra de schakelaar aanstaat, laadt Bundlex de variantopties die voorkomen op de producten waarop deze bundel van toepassing is en worden ze weergegeven in een tabel met drie kolommen: Optie, Weergavetype en Voorinstelling. Elke rij is één optie, bijvoorbeeld Maat of Kleur.

Kies in de kolom Weergavetype hoe die optie op de productpagina wordt weergegeven:

• Dropdown - een standaardselectiemenu.
• Kleurstaal - kleine kleurstalen. Hiermee kun je een kleur aan elke waarde toewijzen, zie hieronder.
• Pill / knop - aanklikbare pills of knoppen, optioneel met de variantafbeelding.
• Variantafbeelding - toont elke waarde als de productafbeelding ervan.

Je kunt typen combineren tussen opties, bijvoorbeeld een kleurstaal voor Kleur en een dropdown voor Maat op hetzelfde product. Klik op het weergavepictogram, het oog, naast een optienaam om in het voorbeeldpaneel een product met die optie te tonen.

Een gedeelde voorinstelling kiezen

De kolom Voorinstelling bepaalt de visuele stijl voor een weergavetype. Voorinstellingen worden per type gedeeld: alle opties met hetzelfde weergavetype gebruiken dezelfde voorinstelling. Als je de voorinstelling voor één optie wijzigt, worden alle andere opties van dat type bijgewerkt. Kleurstaal, Pill / knop en Variantafbeelding hebben elk hun eigen set voorinstellingen; het type Dropdown heeft geen voorinstelling.

Kies Aangepast in het menu met voorinstellingen om de sectie Stijl van kleurstaal te openen, waar je de stijl verder kunt verfijnen dan met de ingebouwde voorinstellingen.

Kleuren toewijzen aan kleurstalen

Wanneer een optie het weergavetype Kleurstaal gebruikt, krijgt elke waarde een kleurveld met een kleurenkiezer. Je kunt:

• Elke kleur handmatig instellen met de kiezer of door een hexadecimale waarde te typen.
• Klik op Kleuren automatisch detecteren om automatisch kleuren in te vullen op basis van de namen van de waarden, bijvoorbeeld "Navy" of "Forest green". Automatische detectie vult alleen waarden in die nog leeg zijn en is niet beschikbaar zodra elke kleur is ingesteld.

Kleurnamen op desktop tonen

Open Stijl van kleurstaal > Kleurstaal en schakel Kleurnaam tonen bij hover in voor een tooltip met de kleurnaam. Dit geldt voor kleurstalen, niet voor elk weergavetype. Aanraakapparaten hebben geen tooltip bij hover.

De variantafbeelding tonen

Schakel Variantafbeelding tonen in, beschikbaar zodra de kiezer is ingeschakeld, om de afbeelding van de geselecteerde variant naast de variantkiezer weer te geven. Dit werkt voor elk type kiezer, niet alleen voor het weergavetype Variantafbeelding.

De variantkiezer van het thema verbergen

Wanneer de kiezer is ingeschakeld, krijg je ook Variantkiezer van thema verbergen. Hiermee verberg je de standaardvariantkiezer van je thema, zodat alleen de kiezer van Bundlex zichtbaar is. De kiezer van het thema wordt met CSS verborgen en niet verwijderd. Hierdoor kan de normale thema-integratie de afbeelding van het hoofdproduct gesynchroniseerd houden. Test dit gedrag in je thema.

Als de afbeelding van het hoofdproduct niet wordt bijgewerkt wanneer een variant wordt geselecteerd, moet je mogelijk de Selector voor het variantenblok aanpassen in de instellingen voor de app-embed van Bundlex, zodat deze overeenkomt met je thema. Neem contact op met support als je hierbij hulp nodig hebt.

Lange lijsten per eenheid inklappen

Variantkiezers inklappen vouwt de keuzes van elke eenheid samen tot een rij die je één voor één kunt openen. Hierdoor kan een grotere aanbieding met hoeveelheidskorting compact blijven. Dit geldt niet voor aanbiedingen van het type Productbundel.

Keuzes, voorraad en prijzen testen

Sla de korting op en activeer deze, en test vervolgens een geschikt product in de storefront. In deze demonstratie wordt Litouwen met USD gebruikt. In dit voorbeeld kost de Small Ivory-tas $24 en de Large Blush-tas $30. Een aanbieding Koop 2 met 10% korting komt uit op $48.60. Voeg de aanbieding toe met de daadwerkelijke knop Toevoegen aan winkelwagen en controleer beide kleuren, beide maten en het totaal in de winkelwagen en bij het afrekenen.

Een uitverkochte combinatie kan zichtbaar en selecteerbaar blijven wanneer Niet-beschikbare varianten verbergen uitstaat. Als je in deze demo Blush / Small kiest, wordt een melding over niet-beschikbaarheid weergegeven en wordt Toevoegen aan winkelwagen geblokkeerd. Als je de beschikbare maat Large kiest, wordt de knop weer ingeschakeld. Een combinatie die helemaal niet bestaat, is anders: de kiezer kan latere opties naar een geldige combinatie verplaatsen. Controleer daarom de uiteindelijke maat nadat je een kleur hebt gewijzigd.

Open Geavanceerd > Aanbiedingen en voorraad > Niet-beschikbare varianten verbergen om uitverkochte waarden uit ondersteunde kiezers te verwijderen. De beschikbaarheid volgt het voorraadbeleid van Shopify; een variant met nul voorraad waarvoor doorverkoop is toegestaan, kan nog steeds beschikbaar zijn. Zie beschikbaarheid van variantopties voor informatie over het bereik en terugvalgedrag.

Wanneer er niets te kiezen is

Wanneer de volledige selecteerbare set precies één variant heeft, wordt een vervolgkeuzemenu samengevouwen tot de variantnaam op de kaart. Geconfigureerde pillen of kleurstalen kunnen zichtbaar blijven als geselecteerde badge. Producten met alleen de standaardvariant van Shopify hebben geen kiezer nodig.

Daarom kan een kiezer die je verwacht ontbreken. Meestal betekent dit een van de volgende dingen:

• Het product heeft daadwerkelijk één variant.
• Je hebt het item aan één variant gekoppeld.
• Niet-beschikbare varianten verbergen is ingeschakeld en er is nog maar één variant op voorraad.

Wanneer een variant opnieuw op voorraad komt of je de vastgezette selectie uitbreidt, verschijnt de kiezer vanzelf weer. De hoofd aanbieding en de vereiste kaarten voor bundelproducten volgen dit gedrag, waarbij de kiezer plaatsmaakt voor de variantidentiteit. Cadeaus, upsells en add-ons hebben hun eigen beschikbaarheidsfiltering; een enkele beschikbare keuze toont mogelijk geen afzonderlijke variantnaam.

Opties opnieuw laden na het bewerken van varianten

Als je varianten aan je producten toevoegt, varianten hernoemt of verwijdert nadat je dit hebt ingesteld, klik je bovenaan de tabel met variantopties op Opties opnieuw laden om de nieuwste opties op te halen. Bundlex bevestigt met het bericht "Varianten bijgewerkt" wanneer er iets is gewijzigd, of met "Opnieuw geladen, geen wijzigingen" wanneer de opties al actueel zijn. Sla eventuele wijzigingen op voordat je de storefront controleert. Nieuwe kleuren die zichtbaar zijn in de editor worden pas gepubliceerd nadat je ze hebt opgeslagen.

Als er geen opties verschijnen

De tabel met variantopties heeft productoptiegegevens nodig voor de targeting van de bundel en de vereiste bundelproducten. Als de opties nog worden geladen, wacht dan tot dit proces is voltooid voordat je een lege tabel als configuratieprobleem beschouwt. Als je een prompt ziet om producten of collecties te selecteren, stel je dit eerst in bij de sectie Widget tonen op. Als je in plaats daarvan "Geen variantopties gevonden voor de geselecteerde producten" ziet, hebben de geselecteerde producten geen variantopties die je kunt configureren.