Naar hoofdinhoud gaan
Ontwerp en winkelwageninhoud

Een zwevende winkelwagenknop toevoegen

De zwevende winkelwagenknop is een ronde knop in een hoek onderaan je winkel. Hij blijft op zijn plek terwijl klanten scrollen, laat zien hoeveel artikelen er in de winkelwagen zitten en opent het winkelwagenpaneel van Bundlex Cart met één tik. Dat helpt op lange productpagina's, waar de koptekst met het winkelwagenpictogram uit beeld scrolt.

Aanzetten

  1. Bewerk de winkelwagen en open het tabblad Winkelwagen.
  2. Zet onder Op de pagina de optie Zwevende winkelwagenknop aan.
  3. Kies een Hoek: Rechtsonder of Linksonder.
  4. Kies een Pictogram: Winkelwagen, Boodschappentas, Mand of Handtas.
  5. Sla op.

De knop staat uit tot je hem aanzet, dus er verandert niets in je winkel voordat je opslaat.

Kies waar hij verschijnt

  • Met Weergeven op desktop en Weergeven op mobiel kies je de apparaten. De voorbeeldweergave toont de knop zolang een van beide aan staat.
  • Tonen als de winkelwagen leeg is houdt de knop in beeld zonder artikelen. Staat deze optie uit, dan verschijnt de knop alleen zolang er artikelen in de winkelwagen zitten.
  • Met Klanten mogen hem verslepen kunnen klanten de knop verplaatsen. De plek wordt in hun browser bewaard.

Wat klanten zien

De knop heeft een kleine badge met het aantal. Hij verdwijnt geleidelijk zolang het winkelwagenpaneel open is en komt terug wanneer het winkelwagenpaneel sluit. Als de sticky 'toevoegen aan winkelwagen'-balk van Bundlex Bundles in beeld is, schuift de knop omhoog zodat hij die niet bedekt.

De knop gebruikt de accentkleur van je winkelwagenpaneel tot je er een eigen kleur voor kiest. Open op het tabblad Stijl, onder Kleuren, de rij Zwevende winkelwagenknop om Knop en Knoptekst in te stellen. De rij verschijnt alleen zolang de knop aan staat. Er is geen veld voor de grootte. Gebruik voor al het andere Aangepaste CSS.

Schermlezers en andere talen

Schermlezers lezen de knop voor als "Open cart". Die tekst wijzig je in Geavanceerd > Berichten > Teksten voor schermlezers, in het veld Zwevende winkelwagenknop (schermlezer). Andere talen krijgen de tekst op de pagina Vertalingen van de winkelwagen, in de kaart Zwevende winkelwagenknop, zolang de knop aan staat.

Was dit artikel nuttig?

Met je feedback kunnen we onze documentatie verbeteren.

Bedankt, we blijven dit artikel verbeteren.

Wil je met ons team chatten? Heb je nog een vraag?

Nog hulp nodig?

Ons team is slechts één klik verwijderd. Stuur ons een bericht en we nemen contact met je op.

We gebruiken enkele cookies om deze site goed te laten werken, te meten hoe de site wordt gebruikt en onze chatwidget te activeren wanneer je deze opent. Bekijk ons cookiebeleid.