Standaard bevat de header van je site een winkelwagentje-pictogram en een bevestiging van het winkelwagentje (miniwagentje) die verschijnt wanneer shoppers items toevoegen.

Om het miniwagentje te bewerken:

1. Klik op Bewerken in de linkerbovenhoek van je sitevoorbeeld.
2. Zweef over de header en klik op Site-header bewerken.
3. Klik op Elementen toevoegen en vervolgens op Winkelwagentje.
4. Selecteer onder Toevoegen aan winkelwagentje bevestigen een optie om het miniwagentje aan of uit te zetten:
   • Badge en knop – (Aanbevolen) Geeft het venster miniwagentje weer. Deze instelling staat standaard aan. De kleur contrasteert automatisch met je achtergrond om zichtbaar te blijven.
   • Alleen knop – Er verschijnt een kort bericht "Toegevoegd!" op de knop. Selecteer deze optie om het miniwagentje uit te schakelen.
5. Klik op Opslaan om je wijzigingen op te slaan.

Het winkelwagentje-pictogram

Bewerk als volgt het winkelwagentje-pictogram:

1. Klik op Bewerken in de linkerbovenhoek van je sitevoorbeeld.
2. Zweef over de header en klik op Site-header bewerken.
3. Klik op Elementen toevoegen en vervolgens op Winkelwagentje.
4. Klik op het potloodpictogram.
5. Selecteer de stijl.
   • Als je Pictogram kiest, selecteer dan een pictogram voor een winkelwagentje, mandje of tas in je header, en klik op Terug om de grootte van het pictogram voor het winkelwagentje in te stellen.
   • Als je Tekst kiest, verschijnt er aangepaste tekst van maximaal 10 tekens in plaats van een pictogram, passend bij de stijlen van je navigatiehyperlinks.
   • De pictogram- of tekstkleur volgt de kleur van de navigatielink van je site.
6. Schakel onder Rand een rand rondom het pictogram in door een randvorm te kiezen en kies vervolgens Omlijning of Effen om het ontwerp te wijzigen. Als je omlijning kiest, stel dan de omlijningsdikte in.
7. Om naast het winkelwagentje 0 weer te geven voordat klanten iets toevoegen, schakel je de optie "0" in winkelwagentje weergeven in.
8. Klik op Opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op Afsluiten en vervolgens op Opslaan om de editor te sluiten.

Het winkelwagenpictogram als tekst weergeven op mobiele apparaten

Wanneer je winkelwagentje-pictogram op Tekst staat, verschijnt het als het aantal items in het winkelwagentje op mobiele apparaten. De site toont aanvankelijk "(0)" in de header in plaats van het winkelwagentje-pictogram. Het wijzigen van de optie "0" weergeven in winkelwagentje heeft geen invloed op hoe dit op een mobiel apparaat wordt weergegeven.

De weergave van het winkelwagentje-pictogram hangt af van je sjabloon. Houd er rekening mee:

• In de meeste sjablonen verschijnt het winkelwagentje-pictogram automatisch op alle pagina's nadat een klant een item aan zijn winkelwagentje heeft toegevoegd.
• In sommige sjablonen is het pictogram een permanent onderdeel van de header.
• Het winkelwagentje wordt niet weergegeven als Snelkassa is ingeschakeld.
• Als je winkelwagen niet verschijnt, bekijk dan onze tips om problemen op te lossen.

Toon met een sjabloon

Deze sjablooncategorieën hebben de klassieke knop:

• Adirondack
• Avenue
• Aviator
• Bedford – maar het wordt weergegeven onder de header-elementen
• Five
• Flatiron – Maar het wordt onder de header weergegeven
• Forte - Maar het wordt in de rechteronderhoek weergegeven
• Galapagos
• Ishimoto
• Momentum - Maar het wordt linksboven weergegeven als de navigatiebalk onderaan staat, of linksonder als de navigatiebalk bovenaan staat.
• Montauk
• Oorspronkelijk
• Pacific – Maar het is een rechthoek en je kunt de kleuren en het lettertype instellen. De knop ziet er op mobiel hetzelfde uit (geen navigatiebalk).
• Supply – maar het is een rechthoek.
• Wells – Maar het is een rechthoek.
• Wexley

Deze sjabloonfamilies hebben geavanceerde opties:

• Pekel
• Skye
• Tremont
• Farro
• York

Tip: Andere elementen die je kunt stylen zijn onder andere de knop 'Toevoegen aan winkelwagen', de winkelpagina en de knop 'Doorgaan met winkelen'.

Klassieke knop

De meeste sjablonen ondersteunen de klassieke knop, die het winkelwagentje-pictogram weergeeft in een zwarte, pilvormige knop in de rechterbovenhoek. Het verschijnt automatisch op alle pagina's nadat een klant een item aan hun winkelwagentje heeft toegevoegd. Het heeft geen stijlopties.

Op mobiel verschijnt de klassieke knop onderaan als een navigatiebalk:

Geavanceerde stijlopties

Je kunt de stijl van het winkelwagentje aanpassen in het paneel met sitestijlen in deze sjabloonfamilies:

Om het pictogram in de header van je site te verbergen:

1. Klik op Bewerken in de linkerbovenhoek van je sitevoorbeeld.
2. Zweef over de header en klik op Site-header bewerken.
3. Klik op Elementen toevoegen.
4. Zet de winkelwagentjeknop uit.
5. Klik op Opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op Afsluiten en vervolgens Opslaan om de editor te sluiten.

Als je het winkelwagentjepictogram verbergt, verschijnt er een winkelwagentjepictogram onderaan de pagina wanneer iemand een product aan zijn winkelwagentje toevoegt. Om de kleur van het pictogram te wijzigen:

1. Als je een pagina bewerkt, open dan sitestijlen en klik vervolgens op Kleuren.
2. Onder Knop stel je de Achtergrond - en Tekst kleuren in. Het winkelwagentje volgt het standaard kleurenschema van je site.
3. Klik op Opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op Afsluiten en vervolgens Opslaan om de editor te sluiten.

Het is niet mogelijk om het pictogram uit te schakelen of de grootte en vorm ervan te wijzigen.

Zonder het winkelwagentje-pictogram kunnen klanten de kassapagina niet zelfstandig vinden. Je moet het alleen verbergen als je Snelkassa gebruikt, of alleen abonnementsproducten verkoopt. In deze gevallen worden klanten automatisch naar de kassapagina geleid nadat ze een product hebben geselecteerd.

Je kunt de onderstaande stijlaanpassing gebruiken om het winkelwagentje in deze sjabloonfamilies te verbergen of weer te geven:

• Brine - Winkelwagentje-positie
• Farro - winkelwagentje Positie
• Tremont - Winkelwagentjehyperlinkweergave
• York - winkelwagentjepositie