Lege winkelwagen-blok

Het Lege winkelwagen-blok is de content die wordt getoond wanneer de winkelwagen geen artikelen bevat, meestal een bericht en een knop om verder te winkelen, zodat een lege drawer toch nuttig en on-brand blijft. Het verschijnt alleen in de lege staat van de winkelwagen; andere blokken (zoals Header) kunnen er in diezelfde staat naast staan.

• Het blok verschijnt alleen wanneer de winkelwagen leeg is. Zodra een shopper een artikel toevoegt, schakelt de winkelwagen over naar de gevulde staat en wordt dit blok vervangen door je lay-out voor een gevulde winkelwagen.
• In de editor is de CTA-link inactief, zodat je tijdens het ontwerpen niet wordt weggenavigeerd als je erop klikt.

• Regio: body.
• Maximum: 1 per winkelwagenstaat.
• Staat: alleen lege winkelwagen. Dit blok verschijnt niet in de gevulde staat. Nieuwe winkelwagens bevatten in de lege staat standaard ook een Header; zie Hoe werken winkelwagens?.
• Standaard toegevoegd aan nieuwe winkelwagens. Niet vergrendeld — je kunt het verwijderen of verbergen.

Ondersteunt een aangepaste template via het tabblad Code, die de ingebouwde markup van dit blok vervangt door jouw JSX. Dit zijn de props die het ontvangt. Style dit blok via de sectie Design in het instellingenpaneel. Dit zijn overrides per blok die bovenop je globale design komen en erop terugvallen wanneer ze leeg zijn. De sectie Text in Design regelt de typografie van twee elementen. Gebruik de kiezer Text element om ertussen te wisselen. Message — de tekst van het lege-staat-bericht. Vet en tekstkleur stel je in de Rich Text Editor hierboven in (op het tabblad Settings), niet hier. Button label — de tekst op de knop voor verder winkelen. Tekstkleur stel je in de sectie Button van Design in. Met de sectie Button kun je de CTA-knop onafhankelijk van het globale knopdesign stylen. Gebruik de Default / Hover-schakelaar om tussen de twee staten te wisselen. Wat zijn design-instellingen? Lees er hier meer over: Design-instellingen.