Header-blok

Het Header-blok is het vastgezette bovenste gedeelte van de cart drawer, dat de drawer een duidelijke titel en een voor de hand liggende manier om te sluiten geeft. Je bepaalt de lay-out door Title, Logo en Close button toe te wijzen aan de linker- en rechtersectie. Omdat de Header bovenaan is vastgezet, blijft hij zichtbaar terwijl de rest van de winkelwagen scrolt.

• De Header is vastgezet bovenaan de drawer en scrolt niet mee met de winkelwagenbody.
• De sluitknop is altijd beschikbaar en sluit de drawer.

De titel is vertaalbaar. Als je titel leeg uitvalt (bijvoorbeeld door een niet-ingestelde vertaling), valt de winkelwagen terug op het tonen van Cart, zodat de header nooit leeg is. Elementen verschijnen in de volgorde waarin je ze selecteert, van links naar rechts, en elk element kan tegelijkertijd aan slechts één sectie worden toegewezen.

• Regio: alleen bovenkant.
• Maximum: 1 per winkelwagenstaat.
• Staat: gevulde en lege winkelwagen (elke staat heeft zijn eigen Header-instantie).
• Standaard toegevoegd aan nieuwe winkelwagens in beide staten. Niet vergrendeld, dus je kunt hem verwijderen of verbergen met de oog-schakelaar.

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 de winkelwagentitel. Vet en tekstkleur stel je in de Rich Text Editor hierboven in (op het tabblad Settings), niet hier. Wat zijn design-instellingen? Lees er hier meer over: Design-instellingen.