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.





