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

# Designindstillinger

> Globale og blokvise designindstillinger for Aftersell Cart: farver, knapper, layout, og hvordan blok-tilsidesættelser lægges ovenpå.

Aftersell Cart-design fungerer på to niveauer: **globale** indstillinger, der styler hele carten, og **blokvise** tilsidesættelser, der finjusterer en individuel blok.

<div id="global-design-settings">
  ## Globale designindstillinger
</div>

Åbn **Cart settings** fra editorens sidebar for at nå cartens globale design. Indstillingerne er grupperet i Design, Buttons og Layout.

<div id="design">
  ### Design
</div>

| Indstilling              | Hvad den styrer                                                | Standard  |
| ------------------------ | -------------------------------------------------------------- | --------- |
| **Background color**     | Cartens baggrund.                                              | `#ffffff` |
| **Text color**           | Primær tekst.                                                  | `#000000` |
| **Secondary text color** | Dæmpet / sekundær tekst.                                       | `#a8a8a8` |
| **Accent color**         | Badges, skillelinjer og gennemstregede priser.                 | `#f2f2f2` |
| **Border radius**        | Hjørneafrunding for containere, kort, billeder og tekstfelter. | `8px`     |

<div id="buttons">
  ### Knapper
</div>

| Indstilling          | Hvad den styrer                                             | Standard  |
| -------------------- | ----------------------------------------------------------- | --------- |
| **Background color** | Knapfyld.                                                   | `#000000` |
| **Text color**       | Knapetiket.                                                 | `#ffffff` |
| **Border color**     | Knapkant.                                                   | `#000000` |
| **Border radius**    | Hjørneafrunding for knapper, dropdowns og antalskontroller. | `8px`     |

<div id="layout">
  ### Layout
</div>

| Indstilling            | Hvad den styrer                             | Standard |
| ---------------------- | ------------------------------------------- | -------- |
| **Horizontal padding** | Venstre/højre padding inde i carten.        | `24px`   |
| **Desktop width**      | Skuffens bredde på desktop (minimum 320px). | `440px`  |

<div id="per-block-design-overrides">
  ## Blokvise design-tilsidesættelser
</div>

Alle blokke undtagen [**Custom code**](/da/aftersell/cart/custom-code-blocks) har deres egne blokvise design-tilsidesættelser nederst i deres indstillingspanel — med overskriften **Design** på alle blokke undtagen **Express payments**, hvis tilsidesættelser sidder i umærkede Style- og Spacing-sektioner. (Custom code har slet intet indstillingspanel — blokken *er* koden, så den viser kun en Code-fane.) De styrer ting som stil, afstande og andre blokspecifikke designindstillinger. Disse **blokvise designindstillinger** falder, når de er tomme, tilbage til den globale indstilling for den egenskab.

Mange blokke indeholder også en **Text**-sektion i deres Design-panel, hvor du kan indstille typografien for specifikke tekstelementer i den blok — skriftfamilie, størrelse, linjehøjde og tegnafstand. Blokke med flere tekstelementer (såsom Notes og Empty cart) viser en **Text element**-vælger, så du kan style hvert element uafhængigt.

<Frame>
  <img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/cart-design-animated-preview-block-settings.gif?s=ae602b5294a5d8ef7caae96476df2d1b" alt="Animeret forhåndsvisning af det blokvise Design-indstillingspanel i cart-editoren" title="Animeret forhåndsvisning af det blokvise Design-indstillingspanel i cart-editoren" width="2188" height="1080" data-path="images/aftersell/cart-design-animated-preview-block-settings.gif" />
</Frame>

<div id="fonts-and-drawer-position">
  ## Skrifttyper og skuffens position
</div>

* **Skrifttyper:** carten arver dit **temas skrifttype** som standard. Du kan angive en tilpasset skriftfamilie for udvalgte tekstelementer (såsom produkttitlen og upsells-overskriften) fra **Text**-sektionen i hver bloks designindstillinger — se [Cart items-blok](/da/aftersell/cart/cart-items-block) og [Upsells-blok](/da/aftersell/cart/upsells-block) for detaljer.
* **Skuffens position:** skuffens **bredde** kan justeres (Desktop width, ovenfor); der er ingen indstilling for venstre/højre-position.

<div id="behavior-settings">
  ## Adfærdsindstillinger
</div>

Ud over styling rummer **Cart settings** også adfærdsmuligheder — åbning af skuffen ved læg i kurv, og de tema-selektorer, der holder din storefront synkroniseret. Se [Cart-indstillinger](/da/aftersell/cart/cart-settings).

<div id="when-to-use-custom-css-instead">
  ## Hvornår du skal bruge tilpasset CSS i stedet
</div>

De indbyggede indstillinger dækker de almindelige tilfælde. Til alt ud over dem — at ramme et specifikt element, tilpassede afstande, responsive justeringer — skal du bruge [Tilpasset CSS](/da/aftersell/cart/custom-css).