# Konstruktørindstillinger

> Alle indstillinger, som accepteres af new Entase(), med deres standardværdier og effekt. Alle indstillinger er valgfri, og de fleste kan tilsidesættes for hver enkelt booking.

Alle indstillinger er valgfri. Værdierne nedenfor er de standardværdier, klienten anvender, når du udelader en.

```js
const entase = new Entase({
  pk: null,
  locale: 'auto',
  checkoutMode: 'auto',
  collectConsent: true,
  backdrop: true,
  backdropColor: '#000000',
  tprm: {},
  pane:  { width: 800, height: '100%' },
  popup: { width: 800, height: 1000 }
});
```

## Indstillinger

| Navn | Type | Standardværdi | Beskrivelse |
|---|---|---|---|
| `pk` | string | `null` | Din publicerbare nøgle. Klienten sender den, når den kontrollerer, om dit domæne har tilladelse til at bruge integreret checkout. Uden den åbner alle checkouts som et pop op-vindue. |
| `locale` | string | `'auto'` | Checkout-sprog. `'auto'` læser attributten `lang` i dit `<html>`-element. |
| `checkoutMode` | string | `'auto'` | `'auto'`, `'pane'` eller `'popup'`. Se [Checkout-tilstande](/developers/js-client/checkout-modes.md). En ukendt værdi falder tilbage til `'auto'`. |
| `collectConsent` | boolean | `true` | Om checkout beder den besøgende om at acceptere vilkårsmeddelelsen. Når den er accepteret, huskes svaret i en cookie, og trinnet springes over. |
| `backdrop` | boolean | `true` | Om siden bag checkout skal nedtones. `false` deaktiverer også sidens rullelås. |
| `backdropColor` | string | `'#000000'` | Farven på det nedtonede område som en CSS-farveværdi. |
| `tprm` | object | `{}` | Sporingsparametre, der føjes til checkout-URL'en som forespørgselsparametre. Se [Sporing og samtykke](/developers/js-client/tracking-and-consent.md). |
| `pane` | object | `{ width: 800, height: '100%' }` | Størrelsen på det integrerede panel. Ignoreres i pop op-tilstand. |
| `popup` | object | `{ width: 800, height: 1000 }` | Størrelsen på pop op-vinduet i pixels. Ignoreres i paneltilstand. |

## Størrelse på panel og pop op-vindue

`pane.width` accepterer et tal (pixels) eller en vilkårlig CSS-længde – `'720px'`, `'50%'`, `'40vw'` eller et `calc()`-udtryk. Et almindeligt tal behandles som pixels.

Panelet er begrænset til denne bredde på desktop og bruger hele bredden på mobil, hvor `pane.height` anvendes i stedet. Skiftet mellem de to sker, når viewporten er smallere end den konfigurerede bredde; når bredden angives som en relativ enhed, sker skiftet ved 800px.

`popup.width` og `popup.height` kan kun angives som pixeltal, og vinduet centreres på den besøgendes skærm. Hvis skærmen ikke er høj nok til den ønskede højde, reduceres vinduet, så det passer.

## Baggrund

Baggrunden nedtones mere bag et pop op-vindue end bag et panel, fordi et pop op-vindue kræver, at siden nedenunder fremstår som inaktiv. Angiv `backdrop: false` for at fjerne nedtoningen helt – det lader også siden være rullelig bag checkout.

`backdropColor` anvendes som den er, så den kan være en hvilken som helst gyldig CSS-farve. Brug den til at matche et mørkt eller brandet website frem for at skjule baggrunden; til det er `backdrop: false` den korrekte indstilling.

## Tilsidesættelser pr. booking

`checkoutMode`, `collectConsent`, `backdrop`, `backdropColor`, `pane` og `popup` kan alle tilsidesættes for en enkelt booking ved at sende dem til `book()`. Værdien på instansniveau forbliver uændret ved efterfølgende kald:

```js
const entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' });

// This one booking opens wider, with no dimming.
entase.book('EVENT_ID', {
  pane: { width: '60vw' },
  backdrop: false
});
```

`pk` og `tprm` er ikke indstillinger pr. booking – `pk` identificerer kontoen for hele siden, og sporingsparametre ændres med `setTracking()`, når de skal være forskellige.
