Skip to main content
Blokken Header er det fastgjorte øverste område af cart draweren, som giver draweren en tydelig titel og en oplagt måde at lukke den på. Du styrer dens layout ved at tildele Title, Logo og Close button til den venstre og højre sektion. Fordi Header er fastgjort øverst, forbliver den synlig, mens resten af kurven scroller.
Header-blok med kurvtitel, vareantal og lukkekontrol øverst i draweren

Adfærd

  • Header er fastgjort øverst i draweren og scroller ikke med kurvens body.
  • Lukkekontrollen er altid tilgængelig og lukker draweren.

Indstillinger

Titlen kan oversættes. Hvis din titel ender med at være tom (for eksempel en manglende oversættelse), falder kurven tilbage på at vise Cart, så headeren aldrig er tom. Elementer vises i den rækkefølge, du vælger dem, fra venstre mod højre, og hvert element kan kun tildeles én sektion ad gangen.

Placering og grænser

  • Region: kun top.
  • Maksimum: 1 pr. kurvtilstand.
  • Tilstand: fyldt og tom kurv (hver tilstand har sin egen Header-instans).
  • Tilføjes som standard til nye kurve i begge tilstande. Ikke låst, så du kan fjerne eller skjule den med øje-omskifteren.

Brugerdefineret skabelon

Understøtter en brugerdefineret skabelon fra dens Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.
logoUrl er den ene prop, der ikke har nogen indbygget pendant: Headerens uploadede billede renderes kun af en brugerdefineret skabelon. Hvis en forhandler har angivet et logo, og det ikke vises, er dette grunden.
Hvis du ikke forbinder onClose til noget, kan kunderne stadig lukke draweren ved at klikke på overlayet eller trykke på Escape, men din header vil ikke have en lukkeknap. Inkludér altid en.

Design

Style denne blok med dens Design-sektion i indstillingspanelet. Det er tilsidesættelser pr. blok, som lægger sig oven på dit globale design og falder tilbage til det, når de er tomme.

Text

Sektionen Text i Design lader dig styre typografien for kurvtitlen. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor (i fanen Settings), ikke her. Hvad er designindstillinger? Læs mere her: Designindstillinger.