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

# Shipping protection-blok

> Aftersell Cart Shipping protection-blokken: et opt-in beskyttelsestilkøb, der registrerer valget på ordren.

> **Shipping protection**-blokken tilbyder et opt-in shipping protection-tilkøb, som kunder kan slå til i kurven, så de kan tilføje beskyttelse mod skader, tab eller tyveri under forsendelse, og registrerer det valg på ordren til dit fulfilment- eller claims-værktøj.

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

* At tilføje beskyttelse gør to ting: det tilføjer en **rigtig Shopify-produktlinje** for beskyttelsesproduktet, og det sætter en `_shipping_protected`-kurvattribut til `true`.
* **Den attribut overlever checkout og lander på ordren** som en ordrenote-attribut (`_shipping_protected`), så dine fulfilment- eller claims-værktøjer kan se, hvilke ordrer der er beskyttet.
* Kunder kan både tilføje og fjerne beskyttelse med kontrollen, uanset hvilken visningstype du vælger.
* **Hvis der ikke findes en brugbar beskyttelsesvariant, renderer blokken intet** i stedet for at vise en kontrol, der ville fejle ved klik.

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

| Indstilling      | Hvad den styrer                                                                                                               | Standard                                                          |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- |
| **Title**        | Rich-text-overskrift. Understøtter `{{product_title}}` og `{{price}}`.                                                        | `<strong>{{product_title}}</strong>`                              |
| **Price label**  | Prislinjen, vist under titlen. Understøtter `{{product_title}}` og `{{price}}`. Ryd dette felt for at skjule prislinjen helt. | `{{price}}`                                                       |
| **Description**  | Understøttende tekst.                                                                                                         | `Protect your order from damage, loss, or theft during shipping.` |
| **Price**        | Beskyttelsesprisen (numerisk, sætter det opkrævede beløb).                                                                    | `2.5`                                                             |
| **Product**      | Beskyttelsesproduktet (app-provisioneret).                                                                                    | —                                                                 |
| **Display type** | Hvordan kontrollen vises: **Toggle** eller **Checkbox**.                                                                      | Toggle                                                            |

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

* **Region:** body eller bund.
* **Maksimum:** 1 pr. kurvtilstand.
* **Tilstand:** kun fyldt kurv.
* Tilføjes ikke som standard. Ikke låst — du kan fjerne eller skjule den.

<div id="custom-template">
  ## Custom template
</div>

Understøtter en [custom template](/da/aftersell/cart/custom-templates) fra sin Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.

| Prop              | Type                                 | Hvad den bruges til                                                                     |
| ----------------- | ------------------------------------ | --------------------------------------------------------------------------------------- |
| `isEnabled`       | `boolean`                            | Om shipping protection aktuelt er i kurven.                                             |
| `isPending`       | `boolean`                            | `true` mens tilføjelsen eller fjernelsen er undervejs. Deaktivér din kontrol på denne.  |
| `title`           | `string`                             | Titel i ren tekst. Fallbacken, når der ikke er nogen rich-text-titel.                   |
| `titleHtml`       | `string`                             | Saniteret rich-text-titel-HTML. Tom når ingen.                                          |
| `descriptionHtml` | `string`                             | Saniteret rich-text-beskrivelses-HTML. Tom når ingen.                                   |
| `priceHtml`       | `string \| null`                     | Saniteret rich-text-pris-HTML fra det dedikerede prisfelt. `null` når det felt er tomt. |
| `priceLabel`      | `string`                             | Formateret prisetiket. Tom når prisen ikke vises.                                       |
| `imageUrl`        | `string`                             | Beskyttelsesbillede. Tomt når intet.                                                    |
| `ctaText`         | `string`                             | Knapetiket, til `button`-formatet.                                                      |
| `format`          | `'button' \| 'checkbox' \| 'toggle'` | Hvordan køberen tilvælger. Forgren din markup på denne.                                 |
| `handleAdd`       | `() => void`                         | Tilføjer beskyttelse til kurven. Til `button`-formatet.                                 |
| `handleToggle`    | `() => void`                         | Slår beskyttelse til og fra i kurven. Til `checkbox` og `toggle`.                       |
| `isLoading`       | `boolean`                            | `true` mens kurven stadig laver sin første hentning.                                    |

<Warning>
  `format` afgør, hvilken handler der gælder: `handleAdd` for `button`, `handleToggle` for `checkbox` og `toggle`. Kobles den forkerte på, er kontrollen død for forhandlere, der valgte det andet format.
</Warning>

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

Stil denne blok med dens **Design**-sektion i indstillingspanelet. Det er per-blok-overstyringer, der lægges oven på dit globale design og falder tilbage til det, når de er tomme.

<div id="text">
  ### Text
</div>

Sektionen **Text** i Design lader dig styre typografien for tre elementer. Brug **Text element**-vælgeren til at skifte mellem dem.

**Title** — beskyttelsesoverskriften. Understøtter også en brugerdefineret skriftfamilie. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor (i fanen Settings), ikke her.

| Indstilling        | Hvad den styrer               | Standard         |
| ------------------ | ----------------------------- | ---------------- |
| **Font**           | Skriftfamilie for titlen.     | Arves fra temaet |
| **Size**           | Skriftstørrelse.              | `15px`           |
| **Line height**    | Multiplikator for linjehøjde. | `1.33`           |
| **Letter spacing** | Tegnafstand.                  | Normal           |

**Price** — prislinjen. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor.

| Indstilling        | Hvad den styrer               | Standard |
| ------------------ | ----------------------------- | -------- |
| **Size**           | Skriftstørrelse.              | `15px`   |
| **Line height**    | Multiplikator for linjehøjde. | `1.33`   |
| **Letter spacing** | Tegnafstand.                  | Normal   |

**Description** — den understøttende tekst. Fed og tekstfarve indstilles i Rich Text-editoren ovenfor.

| Indstilling        | Hvad den styrer               | Standard |
| ------------------ | ----------------------------- | -------- |
| **Size**           | Skriftstørrelse.              | `14px`   |
| **Line height**    | Multiplikator for linjehøjde. | `1.29`   |
| **Letter spacing** | Tegnafstand.                  | Normal   |

<Tip>
  Hvis du klikker på et tekstelement direkte i kurv-forhåndsvisningen, fremhæves det, og dets kontroller åbnes automatisk i panelet.
</Tip>

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