Deze instelling vertelt Upcart welke knoppen in je winkel verantwoordelijk zijn voor het toevoegen van artikelen aan de winkelwagen. Gebruikt je thema of een andere app een aangepaste “Add to Cart”-knop, dan kun je met deze instelling zorgen dat Upcart deze detecteert.
- Open de Upcart Editor
- Ga naar Settings
- Scrol op het tabblad Cart settings naar beneden en vouw Advanced Settings uit
- Zoek “Add to Cart Button Selector”
De optie “Custom Selector” gebruiken (geen code nodig)
- Ga naar de productpagina van je winkel.
- Klik met de rechtermuisknop op de “Add to Cart”-knop. Dit is de knop waarmee klanten producten aan hun winkelwagen toevoegen.
- Klik op “Inspecteren”. Er verschijnt een paneel met code. Je hoeft niets te wijzigen.
- Zoek in het paneel naar een woord dat begint met een punt (.) of een hekje (#) in de code van de knop. Bijvoorbeeld:
.product-form__add-buttonof#add-to-cart. - Kopieer dat deel. Bijvoorbeeld:
.product-form__add-button. - Ga terug naar de Upcart Editor, selecteer “Use Custom Selector” en plak wat je hebt gekopieerd in het invoerveld.
- Probeer eerst de Default Selector. Gebruik alleen een custom selector als Upcart je “Add to Cart”-knoppen niet detecteert.
- Heeft je winkel meerdere “Add to Cart”-knoppen, bijvoorbeeld op productpagina’s en collectiepagina’s, gebruik dan Add Additional Selector en herhaal de bovenstaande stappen voor elke knop.
- Je hoeft geen code te schrijven. Kopieer en plak gewoon de selector.
- Sommige knoppen die door custom functies zijn toegevoegd, zoals bundel-apps en upsell-apps, werken mogelijk niet, zelfs niet met deze functie.
- Je kunt elke AI-tool gebruiken die je wilt om je werk te controleren.
Hulp nodig? Heb je hulp nodig, dan kun je je themaontwikkelaar vragen om de juiste selector te vinden. Je hoeft geen code te schrijven. Kopieer en plak de selector gewoon zoals hierboven uitgelegd.