Variant-weergave (swatches)

Wat het doet

Variabele producten laten WooCommerce standaard een uitklaplijst zien: “Kies een kleur”. Dat werkt, maar het verkoopt niet. Variant-weergave maakt daar swatches van: kleurcirkels, productafbeeldingen of nette knoppen. De klant ziet in een oogopslag wat er is.

Het werkt op je bestaande WooCommerce-attributen. Je hoeft dus niets per product te doen, je stelt het een keer in en het geldt meteen voor je hele catalogus.

De klant klikt een swatch en WooCommerce regelt zelf welke combinaties bestaan, met de bijbehorende prijs, voorraad en foto. Na het kiezen staat de naam van de gekozen waarde onder de swatches, want aan een kleurrondje alleen zie je niet altijd wat je koos. Uitverkochte waardes blijven zichtbaar maar worden gedimd en zijn niet aan te klikken, zodat duidelijk is dat ze bestaan en nu even niet leverbaar zijn.

Aanzetten

Zet de module aan onder Pure Shop > Instellingen > Modules, schuifje Variant-weergave (swatches). Bij een nieuwe installatie staat hij al aan.

De instellingen staan op een eigen tab in de zijbalk: Pure Shop > Instellingen > Variant-weergave.

Instellingen

Bovenaan staat een vinkje: Verberg uitverkochte waardes helemaal. Standaard staat het uit en zie je uitverkochte waardes gedimd. Zet je het aan, dan verdwijnen ze uit de swatches, uit de standaard uitklaplijsten van WooCommerce en uit de variant-lijstjes van add-on-producten (Pro).

Daaronder kies je per attribuut (Kleur, Maat, Lint) het weergavetype: Dropdown (standaard Woo), Knoppen, Kleur-swatch of Afbeelding-swatch. Ernaast kies je de vorm: Rond of Vierkant. Heeft een product meerdere assen, bijvoorbeeld kleur en maat, dan kan elke as zijn eigen weergavetype hebben.

Is de lijst leeg? Dan heb je nog geen globale attributen. Maak ze eerst aan onder Producten > Attributen.

De kleuren zelf geef je mee bij Producten > Attributen, bij het bewerken van een waarde. Daar staan de velden Swatch-kleur, Tweede kleur (optioneel) en Swatch-afbeelding. Bekende kleurnamen zoals rood, navy en antraciet kleuren automatisch, ook zonder dat je een kleur kiest. Een naam die de plugin niet kent wordt een nette labelknop, dus je krijgt nooit een leeg vakje. Met een tweede kleur wordt het rondje half om half gesplitst, handig voor tweekleurige varianten.

Wil je voor een enkel product een andere kleur? Open het product, ga naar de tab Variaties en klap een variatie open. Daar staan dezelfde twee kleurvelden. Die kleur geldt voor die waarde binnen het hele product en wint van de kleur op het attribuut.

Sla de tab op met de knop Instellingen opslaan onderaan het scherm.

In Pro

Pro voegt de catalogus-swatches toe: kleine stalen bij de producten op je shop- en categoriepagina’s, maximaal vijf met een “+N” erachter. Klikken opent de productpagina met dat attribuut al gekozen. Onder Pure Shop > Instellingen > Catalogus kies je of ze onder of boven de knop staan.

Verder krijg je tooltips, de mogelijkheid om per product af te wijken van je globale instelling en de foto-switch: kiest de klant een kleur, dan wisselt de hoofdfoto direct mee zonder te wachten tot alle keuzes gemaakt zijn.

Meer over Pro lees je bij Pure Shop Pro.

Terug naar Pure Shop basis