Všechny možnosti jsou volitelné. Níže uvedené hodnoty jsou výchozí hodnoty, které klient použije, pokud některou z nich vynecháte.
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 }
});Možnosti
| Název | Typ | Výchozí hodnota | Popis |
|---|---|---|---|
pk | řetězec | null | Váš publikovatelný klíč. Klient jej odešle při ověřování, zda vaše doména smí používat vložený checkout. Bez něj se každý checkout otevře jako vyskakovací okno. |
locale | řetězec | 'auto' | Jazyk checkoutu. 'auto' načte atribut lang vašeho prvku <html>. |
checkoutMode | řetězec | 'auto' | 'auto', 'pane' nebo 'popup'. Viz Režimy checkoutu. Nerozpoznaná hodnota se nahradí hodnotou 'auto'. |
collectConsent | boolean | true | Určuje, zda checkout požádá návštěvníka o přijetí oznámení o podmínkách. Po přijetí se odpověď uloží do souboru cookie a tento krok se přeskočí. |
backdrop | boolean | true | Určuje, zda se má stránka za checkoutem ztmavit. Hodnota false také vypne uzamčení posouvání stránky. |
backdropColor | řetězec | '#000000' | Barva ztmavené oblasti jako hodnota CSS barvy. |
tprm | objekt | {} | Parametry sledování připojené k URL checkoutu jako parametry dotazu. Viz Sledování a souhlas. |
pane | objekt | { width: 800, height: '100%' } | Velikost vloženého panelu. V režimu vyskakovacího okna se ignoruje. |
popup | objekt | { width: 800, height: 1000 } | Velikost vyskakovacího okna v pixelech. V režimu panelu se ignoruje. |
Velikost panelu a vyskakovacího okna
pane.width přijímá číslo (v pixelech) nebo libovolnou délku CSS – '720px', '50%', '40vw' či výraz calc(). Prosté číslo se považuje za pixely.
Panel je na počítači omezen na tuto šířku a na mobilním zařízení zabírá celou šířku, kde se místo toho použije pane.height. Přepnutí mezi oběma režimy nastane, když je výřez užší než nakonfigurovaná šířka; pokud je šířka zadána relativní jednotkou, přepnutí nastane při 800 px.
popup.width a popup.height mohou být pouze číselné hodnoty v pixelech a okno se vycentruje na obrazovce návštěvníka. Pokud obrazovka není dostatečně vysoká pro požadovanou výšku, velikost okna se zmenší, aby se vešlo.
Pozadí
Pozadí se za vyskakovacím oknem ztmavuje výrazněji než za panelem, protože vyskakovací okno vyžaduje, aby stránka pod ním působila jako neaktivní. Nastavením backdrop: false ztmavení zcela odstraníte – stránku pak lze za checkoutem také posouvat.
backdropColor se použije beze změny, takže může jít o libovolnou platnou CSS barvu. Použijte ji pro sladění s tmavým webem nebo webem v barvách značky, nikoli pro skrytí pozadí; pro to je správnou možností backdrop: false.
Přepsání pro jednotlivé rezervace
checkoutMode, collectConsent, backdrop, backdropColor, pane a popup lze pro jednu rezervaci přepsat předáním do book(). Hodnota na úrovni instance zůstane pro následná volání nezměněna:
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 a tprm nejsou možnosti pro jednotlivé rezervace – pk identifikuje účet pro celou stránku a parametry sledování se v případě potřeby změny nastavují pomocí setTracking().