> ## 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.

# Forhåndsvis kurve

> Forhåndsvis din Aftersell Cart, før du udgiver — i editorens canvas og på dit live butikstema.

Du kan forhåndsvise en kurv på to måder: live i editoren, mens du bygger den, og på dit butikstema, før den bliver offentlig.

<div id="the-editor-canvas">
  ## Editorens canvas
</div>

Midten af kurveditoren er en live forhåndsvisning, der renderer den rigtige kurv. Den viser **begge kurvtilstande side om side** — et **Filled cart**-kort og et **Empty cart**-kort — så du kan se begge, mens du arbejder.

* **Vælg hvilken tilstand du redigerer** med **Filled / Empty**-omskifteren i sidepanelet eller ved at klikke på **titlen over** et kort. Klik *inde i* et kort skifter ikke tilstand — det vælger blokken under din markør. Det aktive kort er markeret med en kant, og blokken, du redigerer, får sin egen fremhævning.
* **Zoom** med zoom-pillen på selve canvasset (25%–200%): `+` og `−` justerer i trin på 10%, og klik på procenttallet nulstiller til 75%. Ctrl/Cmd + scroll zoomer omkring din markør, almindelig scroll og træk panorerer.
* Forhåndsvisningen afspejler dine [designindstillinger](/da/aftersell/cart/design-settings) og [brugerdefineret CSS](/da/aftersell/cart/custom-css) live, mens du ændrer dem.

<div id="preview-on-your-storefront">
  ## Forhåndsvis på din butiksside
</div>

Brug **Preview** på en kurv for at se den på et rigtigt tema i en ny fane uden at gøre den offentlig:

* **Live kurve** åbner din butiksside direkte — den live kurv er allerede det, kunderne ser.
* **Kladdekurve** åbner en **tema-forhåndsvisning**. Du vælger, hvilket tema du vil forhåndsvise på (dit hovedtema er standard), og Aftersell iscenesætter kladdekurven på det tema kun til din forhåndsvisningssession uden at røre din live kurv. App embed skal være aktiveret på det tema, du vælger.

<Note>
  Kladde-forhåndsvisninger afspejler muligvis ikke live kurvadfærd fuldt ud — betragt dem som en tæt tilnærmelse, og lav et sidste tjek efter udgivelse.
</Note>

Gem dine ændringer, før du forhåndsviser — editoren beder dig om at gemme, så forhåndsvisningen afspejler dit seneste arbejde.

<div id="empty-vs-filled-states">
  ## Tom vs. fyldt tilstand
</div>

Begge tilstande er altid tilgængelige i editorens canvas (de to kort), så du kan designe og tjekke den tomme kurv og den fyldte kurv uafhængigt. På butikssiden ser kunderne den tilstand, der matcher deres kurv.

<div id="sample-data-scenarios">
  ## Eksempeldata-scenarier
</div>

Indstillingspanelet for [Cart items-blokken](/da/aftersell/cart/cart-items-block) har en **Preview**-sektion med en **Sample data**-vælger, som lader dig skifte editorens forhåndsvisning mellem varelinje-scenarier, så du kan tjekke, hvordan hvert enkelt ser ud uden at bygge en matchende kurv:

| Scenarie              | Hvad det viser                                                                |
| --------------------- | ----------------------------------------------------------------------------- |
| **Standard product**  | Et enkelt produkt med en rabat anvendt.                                       |
| **Long product name** | Et produkt med en meget lang titel til at tjekke tekstombrydning og overflow. |
| **Bundle**            | En bundle-ankerlinje med dens underliggende varer.                            |
| **Subscription**      | En abonnementslinje med dens selling plan-label.                              |
| **All item types**    | Det lange produktnavn, abonnements- og bundle-linjerne sammen i én kurv.      |

Dit valg påvirker kun editorens forhåndsvisning. Det gemmes aldrig i kurven og nulstilles, når du genindlæser editoren.