Naar de hoofdinhoud

Dynamic Variant Buttons

Nick van Plateringen-Paul avatar
Geschreven door Nick van Plateringen-Paul
Meer dan 2 weken geleden bijgewerkt

Dynamic Variant Buttons

🧩 Dynamic Variant Buttons vervangt de standaard variantselectie in Lightspeed door klikbare variantknoppen op de productpagina.

In plaats van een dropdown worden varianten direct zichtbaar weergegeven. Dit maakt het kiezen van een variant sneller en duidelijker voor de klant

⚙️ Algemene werking

De add-on werkt met bestaande Lightspeed-varianten en vereist geen aanpassingen aan het thema.

Ondersteund:

  • Tekstvarianten

  • Variantafbeeldingen

  • Uitverkochte varianten

  • Meertalige titels

⚙️ Algemene instellingen

🏷️ Titel boven de productvarianten

Stel hier de titel in die boven de variantknoppen wordt weergegeven.

De titel is per taal instelbaar.

Voorbeeld:

  • 🇳🇱 Maak een keuze

  • 🇬🇧 Choose an option

  • 🇫🇷 Faites un choix

🔤 Titelgrootte boven de productvarianten

Bepaal welk HTML-niveau wordt gebruikt voor de titel, bijvoorbeeld H2.

Dit beïnvloedt:

  • De visuele hiërarchie

  • De SEO-structuur van de productpagina

🖼️ Toon product thumbnail

Wanneer ingeschakeld wordt er een afbeelding bij elke variantknop getoond.

Geschikt voor varianten zoals kleur, model of uitvoering.

📐 Positie van de variant thumbnail

Bepaal waar de afbeelding wordt weergegeven:

  • Naast de titel

  • Boven de titel

📏 Afmeting van de product variant thumbnail

Stel met de schuifregelaar de grootte van de thumbnails in, bijvoorbeeld 50px.

🚫 Toon varianten die niet op voorraad zijn

Wanneer ingeschakeld blijven uitverkochte varianten zichtbaar op de productpagina.

De varianten zijn niet selecteerbaar.

👻 Doorzichtigheid van uitverkochte varianten

Bepaal hoe zichtbaar uitverkochte varianten zijn:

  • 0 = onzichtbaar

  • 10 = volledig zichtbaar

Gebruik deze instelling om duidelijk te maken dat een variant niet beschikbaar is.

🎨 Design instellingen

🧱 Weergave modus van de product variant knoppen

Bepaal hoe de variantknoppen worden weergegeven.

🔹 Blokken passen zich aan naar de lengte van de titel
De breedte van de knop past zich automatisch aan op basis van de tekst.

🔹 Blokken krijgen een vaste breedte
Alle knoppen krijgen dezelfde breedte voor een strakkere layout.

🔢 Hoeveelheid kolommen in grid per rij

Deze instelling is alleen zichtbaar wanneer vaste breedte is geselecteerd.

Beschikbare opties:

  • 2 kolommen

  • 3 kolommen

  • 4 kolommen

  • 5 kolommen

⬆️ Witruimte boven de banner

Bepaal de ruimte tussen de variantknoppen en het element erboven.

⬇️ Witruimte onder de banner

Bepaal de ruimte tussen de variantknoppen en het element eronder.

Was dit een antwoord op uw vraag?