Všetky možnosti sú voliteľné. Nižšie uvedené hodnoty sú predvolené hodnoty, ktoré klient použije, keď niektorú 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ázov | Typ | Predvolená hodnota | Popis |
|---|---|---|---|
pk | reťazec | null | Váš publikovateľný kľúč. Klient ho odošle pri overovaní, či vaša doména môže používať vložený nákupný proces. Bez neho sa každý nákupný proces otvorí ako vyskakovacie okno. |
locale | reťazec | 'auto' | Jazyk nákupného procesu. 'auto' prečíta atribút lang vášho prvku <html>. |
checkoutMode | reťazec | 'auto' | 'auto', 'pane' alebo 'popup'. Pozrite si časť Režimy nákupného procesu. Nerozpoznaná hodnota sa vráti k 'auto'. |
collectConsent | boolean | true | Určuje, či nákupný proces požiada návštevníka o prijatie oznámenia o podmienkach. Po prijatí sa odpoveď uloží do súboru cookie a tento krok sa preskočí. |
backdrop | boolean | true | Určuje, či sa má stránka za nákupným procesom stmaviť. Hodnota false zároveň vypne uzamknutie posúvania stránky. |
backdropColor | reťazec | '#000000' | Farba stmavenej oblasti vo forme hodnoty farby CSS. |
tprm | objekt | {} | Parametre sledovania pripojené k URL nákupného procesu ako parametre dopytu. Pozrite si časť Sledovanie a súhlas. |
pane | objekt | { width: 800, height: '100%' } | Veľkosť vloženého panela. V režime vyskakovacieho okna sa ignoruje. |
popup | objekt | { width: 800, height: 1000 } | Veľkosť vyskakovacieho okna v pixeloch. V režime panela sa ignoruje. |
Veľkosť panela a vyskakovacieho okna
pane.width prijíma číslo (pixely) alebo ľubovoľnú dĺžku CSS – '720px', '50%', '40vw' alebo výraz calc(). Obyčajné číslo sa považuje za pixely.
Panel má na počítači maximálne túto šírku a na mobile zaberá celú šírku, kde sa namiesto nej použije pane.height. Prepnutie medzi nimi nastane, keď je zobrazovacia oblasť užšia než nakonfigurovaná šírka; ak je šírka zadaná v relatívnej jednotke, prepnutie nastane pri 800 px.
popup.width a popup.height môžu byť iba čísla v pixeloch a okno je vycentrované na obrazovke návštevníka. Ak obrazovka nie je dostatočne vysoká pre požadovanú výšku, okno sa zmenší tak, aby sa zmestilo.
Pozadie
Pozadie je za vyskakovacím oknom stmavené viac než za panelom, pretože pri vyskakovacom okne musí stránka pod ním pôsobiť neaktívne. Nastavením backdrop: false stmavenie úplne odstránite – stránka sa potom bude dať posúvať aj za nákupným procesom.
backdropColor sa použije bez úprav, takže môže ísť o ľubovoľnú platnú farbu CSS. Použite ju na zladenie s tmavou stránkou alebo stránkou vo farbách značky, nie na skrytie pozadia; na to je správnou možnosťou backdrop: false.
Prepísanie nastavení pre jednotlivé rezervácie
checkoutMode, collectConsent, backdrop, backdropColor, pane a popup možno pre jednu rezerváciu prepísať ich odovzdaním metóde book(). Hodnota na úrovni inštancie zostane pri nasledujúcich volaniach nezmenená:
const entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' });
// Táto jedna rezervácia sa otvorí širšie a bez stmavenia.
entase.book('EVENT_ID', {
pane: { width: '60vw' },
backdrop: false
});pk a tprm nie sú možnosti pre jednotlivé rezervácie – pk identifikuje účet pre celú stránku a parametre sledovania sa menia pomocou setTracking(), keď sa majú líšiť.