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

# Image-blok

> Aftersell Cart Image-blokken — vis et billede eller et hostet preset som betalingsikoner inde i draweren.

> Blokken **Image** viser et enkelt billede inde i cart draweren (et trust badge, en kampagnegrafik eller et hostet preset som en stribe betalingsikoner) for at tilføje visuel tryghed eller promovering til kurven, enten ved at uploade dit eget billede eller ved at indsætte et færdiglavet preset.

<Frame>
  <img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/cart-image-block-hosted-preset-asset.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=373a75d9fe7c6ed7d7a39950b57662bb" alt="Image-blok der renderer et hostet billede eller preset-asset inde i cart draweren" width="686" height="234" data-path="images/aftersell/cart-image-block-hosted-preset-asset.png" />
</Frame>

<div id="behavior">
  ## Adfærd
</div>

* Hvis der ikke er angivet et billede eller et preset, renderer blokken **ingenting** i den live kurv. I editoren viser den en "Add an image"-pladsholder, så blokken stadig kan vælges.

<div id="settings">
  ## Indstillinger
</div>

| Indstilling    | Hvad den styrer                                                                                         | Standard |
| -------------- | ------------------------------------------------------------------------------------------------------- | -------- |
| **Image**      | Billedet der skal vises (upload).                                                                       | Ingen    |
| **Alt text**   | Tilgængelig beskrivelse af billedet. Kan oversættes.                                                    | Ingen    |
| **Max height** | Begrænser billedhøjden i pixels. Billedet skrumper for at passe og beskæres aldrig.                     | Ingen    |
| **Full width** | Strækker billedet fra kant til kant på tværs af kurven.                                                 | Fra      |
| **Preset**     | Et hostet billedsæt, som tilsidesætter din upload. I øjeblikket er det eneste preset **payment icons**. | Ingen    |

Når du vælger et preset, træder det i stedet for et uploadet billede, og presettets egen alt-tekst bruges, hvis du lader Alt text-feltet stå tomt.

<div id="placement-and-limits">
  ## Placering og grænser
</div>

* **Region:** alle (top, body eller bund).
* **Maksimum:** 3 pr. kurvtilstand — den fyldte kurv og den tomme kurv får hver deres egen kvote.
* **Tilstand:** både fyldt og tom kurv.
* Tilføjes ikke som standard. Ikke låst — du kan fjerne eller skjule den.

<div id="custom-template">
  ## Brugerdefineret skabelon
</div>

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                                                                    |
| ----------- | ------------------ | -------------------------------------------------------------------------------------- |
| `imageUrl`  | `string`           | Den uploadede fil eller det valgte preset. Tom, når intet er angivet.                  |
| `altText`   | `string`           | Alt-tekst til billedet.                                                                |
| `maxHeight` | `number` (valgfri) | Maks. højde i pixels. Højere billeder skrumper for at passe og bevarer billedformatet. |
| `fullWidth` | `boolean`          | Kant til kant: billedet spænder over hele kurvens bredde uden vandret padding.         |

<Note>
  `altText` kan være tom. Render `alt=""` i stedet for at udelade attributten, så billedet behandles som dekorativt. `maxHeight` og `fullWidth` er værdier, som du selv skal anvende i dine egne styles; skabelonen anvender dem ikke for dig.
</Note>

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

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.

Hvad er designindstillinger? Læs mere her: [Designindstillinger](/da/aftersell/cart/design-settings).