In deze handleiding vindt u de HTML-parameters voor het toevoegen van het winkelwagentje aan alle pagina's op uw site. De parameters maken deel uit van de insluit code van uw Webshop en zien er als volgt uit:
cartType: 'overlay'
cartColor: '#56AAD8'
showMobileCart: true
flatBackgroundColor: 'transparent'
overlayBackgroundColor: '#F3F3F3'
mobileBackgroundColor: '#FFFFFF'
overlayPosition: 75
Als u het winkelwagentje op uw Website Builder-site wilt weergeven, kunt u de code-component gebruiken om het in te voegen.
De plaatsing van de code-component moet Normaal zijn of Vóór de afsluitende </body> tag. Als u de code-component in de template plaatst, wordt deze zichtbaar op alle pagina's die dat template gebruiken.
Welke parameters kan ik wijzigen?
U kunt de volgende parameters aanpassen:
- Selecteer het winkelwagen type
- Kleur winkelwagen instellen
- Toon winkelwagen in de mobiele versie
- Achtergrondkleur van de platte winkelwagen
- Achtergrondkleur van de overlay-winkelwagen
- Achtergrondkleur van de mobiele winkelwagen
- Overlay positie op pagina
We hebben opgesomd wat elke parameter doet en hoe u deze kunt aanpassen.
Selecteer het winkelwagen type
U kunt kiezen tussen twee soorten winkelwagens die op uw pagina worden weergegeven:
- overlay - blijft op de pagina op de positie die u selecteert. Het blijft zichtbaar wanneer u omhoog en omlaag scrolt op de pagina.
- plat - Het pictogram wordt op een specifieke locatie op uw pagina geplaatst waar het blijft staan. Het is niet zichtbaar als u naar beneden scrolt.
Kies tussen 'overlay' of 'plat'. Als u niets selecteert, keert het terug naar de standaardinstelling 'overlay'.
Voorbeeld:
cartType: 'overlay'
Kleur winkelwagen instellen
Dit bepaalt de kleur van de wagen die op alle soorten winkelwagens wordt gebruikt: plat, overlay en op mobiel. De standaardwaarde is #56AAD8, maar u kunt deze vervangen door een willekeurige HTML-kleurcode.
Voorbeeld:
cartColor: '#56AAD8'
Toon winkelwagen in de mobiele versie
Met deze optie kunt u de winkelwagen uitschakelen op mobiele apparaten. Stel de waarde in op true om de winkelwagen op mobiel weer te geven of false om deze te verbergen.
Voorbeeld:
showMobileCart: true
Achtergrondkleur van de platte winkelwagen
Deze optie wijzigt de achtergrondkleur van de platte winkelwagen. Het plaatst een vierkantje rond het wagen pictogram. De standaardinstelling is transparant, maar u kunt deze vervangen door een HTML-kleurcode die u wilt .
Voorbeeld:
flatBackgroundColor: 'transparent'
Achtergrondkleur van de overlay-winkelwagen
Met deze optie wordt de achtergrondkleur van de overlay-winkelwagen gewijzigd. Er wordt een vierkantje rond het winkelwagen pictogram geplaatst. De standaardinstelling is lichtgrijs (# F3F3F3), maar u kunt deze vervangen door een HTML-kleurcode die u wilt.
Voorbeeld:
overlayBackgroundColor: '#F3F3F3'
Achtergrondkleur van de mobiele winkelwagen
Met deze optie wordt de achtergrondkleur van de mobiele winkelwagen gewijzigd. Er wordt een vierkantje om het pictogram van de winkelwagen gelegd. De standaardinstelling is wit (#FFFFFF), maar u kunt deze vervangen door een HTML-kleurcode die u wilt.
Voorbeeld:
mobileBackgroundColor: '#FFFFFF'
Overlay positie op pagina
Met deze optie geeft u de verticale positie van de overlay-winkelwagen aan de bovenkant van de pagina aan, hoe hoger het percentage, hoe lager het winkelwagentje op de pagina wordt geplaatst. Het percentage wordt berekend op basis van de schermhoogte. Kies een nummer tussen 1-100.
Voorbeeld:
overlayPosition: 75
Gerelateerde artikelen:
