Skip to main content

​
Hoogte

De instelling Height bepaalt hoe dik de aankondigingsbalk wordt weergegeven. Er zijn drie opties: Slim, Normal en Thick. Slim houdt de drawer compacter en maakt ruimte voor de winkelwageninhoud — vooral handig op kleinere schermen. Normal zit daar tussenin. Thick geeft meer visuele nadruk, zodat je boodschap opvalt bij klanten.

​
Positie

Gebruik de instelling Position om te kiezen of de aankondigingsbalk Before products of After products in de cart drawer verschijnt.
  • Before products plaatst de balk bovenaan de body van de winkelwagen, direct onder de header.
  • After products plaatst de balk onderaan de body van de winkelwagen, net boven de footer — onder de notitie- en upsellmodules als die daar ook zijn geplaatst.
Twee Upcart-winkelwagens die de aankondigingsbalk boven en onder de producten vergelijken

​
Timerduur

Wil je dat de aankondiging na een bepaalde tijd verloopt, stel dan een aftelling in via het veld Timer duration. Dit accepteert MM:SS — 05:00 voor vijf minuten, 00:30 voor dertig seconden. Seconden moeten 00–59 zijn; het veld weigert alles wat hoger is. De aftelling loopt alleen als je aankondigingstekst de timervariabele bevat. Zodra de tijd om is, wordt de hele aankondigingsbalk automatisch uit de winkelwagen verwijderd.
De ingebouwde afteltimer is sessiegebaseerd en telt af vanaf een ingesteld aantal minuten. Terugkerende of dagelijkse aftellingen die op een specifiek tijdstip resetten (bijvoorbeeld elke dag aftellen tot 14:00 uur) worden niet ondersteund. Deze functionaliteit is momenteel niet beschikbaar in Upcart.

​
Aankondigingstekst

In deze sectie kun je het bericht invoeren en opmaken dat in de aankondigingsbanner wordt weergegeven. Je kunt specifieke delen van de tekst opmaken met de opmaakbalk boven het invoerveld, met opties voor vet, cursief, onderstrepen en kleur. Bij het toepassen van een kleur kun je het kleurenkiezer-staaltje gebruiken of een hex-code (bijvoorbeeld #DDDDDD) typen of plakken in het tekstveld onder de kiezer. Kleurkiezer geopend voor het opmaken van tekst in de editor voor aankondigingstekst
Het veld Announcement Text ondersteunt geen hyperlinks — er is geen link- of URL-knop in de opmaakwerkbalk, en geplakte <a>-tags of Markdown-links worden bij het opslaan verwijderd. Om de aankondiging klikbaar te maken of een link toe te voegen, gebruik je in plaats daarvan de module Custom HTML (zie hieronder).
Omdat het ingebouwde veld Announcement Text geen hyperlinks weergeeft, kun je de aankondigingsbalk vervangen of aanvullen door een link toe te voegen met Custom HTML:
  1. Ga naar Upcart > Cart Editor > Settings > Custom HTML.
  2. Stel HTML Location in op Above announcements/rewards (om boven de aankondigingsbalk te verschijnen) of Below header/announcements/rewards (om er direct onder te verschijnen).
  3. Plak een snippet met je link, bijvoorbeeld:
  4. Klik op Save en test vervolgens in je live winkelwagen.
Meer informatie over Custom HTML-locaties en styling vind je in Custom HTML en Custom CSS. Het supportteam van Upcart schrijft of debugt geen aangepaste code — neem contact op met een Shopify Expert als je hulp nodig hebt bij het bouwen ervan. Als je de aftelfunctie gebruikt, voeg dan de timervariabele rechtstreeks in je bericht in. Gebruik {{timer}} voor V2-winkelwagens of {TIMER} voor V1-winkelwagens. Veld voor aankondigingstekst met de aftelvariabele van de timer toegevoegd aan het bericht

​
Belangrijk

Typ de timervariabele ({{timer}} voor V2, {TIMER} voor V1) handmatig in plaats van deze te kopiëren en te plakken. Zo voorkom je verborgen opmaakproblemen die kunnen verhinderen dat de timer correct wordt weergegeven in je live winkelwagen.

​
Lettergrootte

Je kunt de grootte van de aankondigingstekst regelen met de schuifregelaar, met opties van 10px tot 24px. Dit zorgt voor leesbaarheid op zowel mobiel als desktop.

​
Kleuren

Met Background Color bepaal je de algemene vulkleur van de aankondigingsbalk. Met Border Color kun je de horizontale lijnen boven en onder de banner aanpassen voor een gestileerde containerlook.

​
Geavanceerde timerconfiguratie

Voor extra functionaliteit kun je JavaScript gebruiken om de afteltimer aan te passen. Voeg je script toe in de sectie “Scripts (Before Load)” in plaats van de Custom HTML-module. Dit is een vereiste voor de laadtiming, geen beveiligingsbeperking — Custom HTML voert wel scripts uit, maar die draaien te laat om betrouwbaar aan te haken op de laadgebeurtenis van de winkelwagen. De sectie “Scripts (Before Load)” voert je code uit voordat de winkelwagen laadt, zodat callbacks zoals upcartSubscribeCartLoaded correct worden aangeroepen. Voorbeeldcode:
Opmerking over legacy: window.upcartOnCartLoaded werkt nog steeds, maar is verouderd en toont een waarschuwing in de console. Gebruik upcartSubscribeCartLoaded voor alle nieuwe scripts. Test de plaatsing en syntaxis van je code zorgvuldig. Sommige platformbeperkingen kunnen nog steeds van invloed zijn op hoe scripts worden verwerkt.