> ## Documentation Index > Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt > Use this file to discover all available pages before exploring further. # Empty cart-blok > Empty cart-blokken — det indhold, der vises, når en kunde ikke har nogen varer. > Blokken **Empty cart** er det indhold, der vises, når kurven ikke har nogen varer — typisk en besked og en knap til at fortsætte med at shoppe — så en tom drawer stadig er nyttig og i tråd med dit brand. Den vises kun i kurvens **tomme tilstand**; andre blokke (såsom Header) kan stå ved siden af den i samme tilstand. Empty cart-blok med en besked for tom tilstand og en call-to-action til at fortsætte med at shoppe
## Adfærd
* Blokken vises kun, når kurven er tom. Så snart en kunde tilføjer en vare, skifter kurven til sin fyldte tilstand, og denne blok erstattes af dit fyldte kurvlayout. * I editoren er CTA-linket inaktivt, så et klik på det ikke navigerer dig væk, mens du designer.
## Indstillinger
| Indstilling | Hvad den styrer | Standard | | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | | **Empty cart text** | Beskeden for tom tilstand. Rich text. | `Your cart is empty.` | | **Button text** | Knappens tekst. Understøtter inline HTML-formatering. | `Continue shopping` | | **Button link** | Hvor knappen linker hen. | `/collections/all` | | **Background color** | Baggrundsfarve for blokken. Tom efterlader den transparent, så kurvens egen baggrund skinner igennem. | `transparent` | | **Alignment** | Hvordan blokkens tekst og knap justeres — **Left** eller **Center**. | Center | | **Fit to height** | Om blokken fylder kurvens resterende body-højde og centreres lodret, eller om den følger indholdets højde — **Fill remaining height** eller **Fit content**. | Fill remaining height |
## Placering og grænser
* **Region:** body. * **Maksimum:** 1 pr. kurvtilstand. * **Tilstand:** kun tom kurv. Denne blok vises ikke i den fyldte tilstand. Nye kurve inkluderer som standard også en Header i den tomme tilstand; se [Hvordan fungerer kurve?](/da/aftersell/cart/how-carts-work). * Tilføjes som standard til nye kurve. Ikke låst — du kan fjerne eller skjule den.
## Brugerdefineret skabelon
Understøtter en [brugerdefineret skabelon](/da/aftersell/cart/custom-templates) fra dens Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager. | Prop | Type | Hvad den bruges til | | --------- | -------- | -------------------------------------------------------------------------------- | | `text` | `string` | Tom kurv-beskeden som saneret HTML. | | `cta` | `string` | Call-to-action-knappens tekst, som ren tekst. | | `ctaHtml` | `string` | Call-to-action-knappens tekst som saneret HTML — det, standardmarkupen renderer. | | `href` | `string` | Hvor call-to-action peger hen. | Denne blok renderes kun, når kurven er tom, så der er intet kurvobjekt i propsene. Render `href` som et rigtigt `` frem for en scriptet navigation, og `text` med `dangerouslySetInnerHTML`, da det allerede er saneret HTML.
## 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 to elementer. Brug **Text element**-vælgeren til at skifte mellem dem. **Message** — beskeden for tom tilstand. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor (i fanen Settings), ikke her. | Indstilling | Hvad den styrer | Standard | | ------------------ | ----------------------------- | ---------------- | | **Font** | Skriftfamilie for beskeden. | Arves fra temaet | | **Size** | Skriftstørrelse. | `18px` | | **Line height** | Multiplikator for linjehøjde. | `1.3` | | **Letter spacing** | Tegnafstand. | Normal | **Button label** — teksten på knappen til at fortsætte med at shoppe. Tekstfarve indstilles i Button-sektionen i Design. | Indstilling | Hvad den styrer | Standard | | ------------------ | --------------------------------------------------------- | -------------- | | **Size** | Skriftstørrelse. | `15px` | | **Weight** | Skriftvægt — Light, Regular, Medium, Semibold eller Bold. | Semibold (600) | | **Line height** | Multiplikator for linjehøjde. | `1.47` | | **Letter spacing** | Tegnafstand. | Normal |
### Knap
Sektionen **Button** lader dig style CTA-knappen uafhængigt af det globale knapdesign. Brug **Default / Hover**-omskifteren til at skifte mellem de to tilstande. | Indstilling | Tilstand | Hvad den styrer | | -------------------- | -------- | ---------------------------------------------------------------------------------------------- | | **Background color** | Default | Knappens fyld i hviletilstand. Falder tilbage til den globale knapbaggrundsfarve. | | **Text color** | Default | Knaptekstens farve i hviletilstand. Falder tilbage til den globale knaptekstfarve. | | **Background color** | Hover | Knappens fyld, når en kunde holder musen over den. Falder tilbage til standardbaggrundsfarven. | | **Text color** | Hover | Knaptekstens farve ved hover. Falder tilbage til standardtekstfarven. | | **Border color** | — | Knappens kantfarve (begge tilstande). Falder tilbage til den globale knapkantfarve. | | **Border radius** | — | Hjørneafrunding for knappen. Falder tilbage til den globale knapkantradius. | Hvad er designindstillinger? Læs mere her: [Designindstillinger](/da/aftersell/cart/design-settings).