Malti mt
Żviluppaturi Blog
Fittex
Żviluppaturi
Klijent JavaScript

Għażliet tal-kostruttur

Kull għażla aċċettata minn new Entase(), bil-valur awtomatiku u l-effett tagħha. L-għażliet kollha huma fakultattivi, u l-biċċa l-kbira jistgħu jiġu ssostitwiti għal kull prenotazzjoni.

Ara bħala Markdown

Kull għażla hija fakultattiva. Il-valuri hawn taħt huma l-valuri awtomatiċi li japplika l-klijent meta ma tispeċifikax waħda minnhom.

JavaScript
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 }
});

Għażliet

IsemTipAwtomatikuDeskrizzjoni
pkstringnullIċ-ċavetta pubblikabbli tiegħek. Il-klijent jibgħatha meta jivverifika jekk id-dominju tiegħek huwiex permess juża checkout inkorporat. Mingħajrha, kull checkout jinfetaħ bħala pop-up.
localestring'auto'Lingwa tal-checkout. 'auto' jaqra l-attribut lang tal-element <html> tiegħek.
checkoutModestring'auto''auto', 'pane' jew 'popup'. Ara Modi tal-checkout. Valur mhux rikonoxxut jerġa' lura għal 'auto'.
collectConsentbooleantrueJekk il-checkout jitlobx lill-viżitatur jaċċetta l-avviż tat-termini. Ladarba jiġi aċċettat, ir-risposta tinżamm f'cookie u l-pass jinqabeż.
backdropbooleantrueJekk il-paġna wara l-checkout għandhiex tiġi mudlama. false jiddiżattiva wkoll l-illokkjar tal-iskrolljar tal-paġna.
backdropColorstring'#000000'Il-kulur taż-żona mudlama, bħala valur tal-kulur CSS.
tprmobject{}Parametri ta' traċċar miżjuda mal-URL tal-checkout bħala parametri ta' mistoqsija. Ara Traċċar u kunsens.
paneobject{ width: 800, height: '100%' }Daqs tal-pannell inkorporat. Injorat fil-modalità pop-up.
popupobject{ width: 800, height: 1000 }Daqs tat-tieqa pop-up, f'pixels. Injorat fil-modalità pannell.

Daqsijiet tal-pannell u tal-pop-up

pane.width jaċċetta numru (pixels) jew kwalunkwe tul CSS – '720px', '50%', '40vw', jew espressjoni calc(). Numru sempliċi jiġi ttrattat bħala pixels.

Il-pannell huwa limitat għal dan il-wisa' fuq desktop u jieħu l-wisa' kollu fuq il-mowbajl, fejn minflok japplika pane.height. Il-bidla bejn it-tnejn isseħħ meta l-viewport ikun idjaq mill-wisa' kkonfigurat; meta l-wisa' jingħata bħala unità relattiva, il-bidla sseħħ f'800px.

popup.width u popup.height huma numri f'pixels biss, u t-tieqa titqiegħed fiċ-ċentru tal-iskrin tal-viżitatur. Jekk l-iskrin ma jkunx għoli biżżejjed għall-għoli mitlub, it-tieqa titnaqqas biex toqgħod.

Sfond

L-isfond jiddallam aktar wara pop-up milli wara pannell, għax pop-up jeħtieġ li l-paġna ta' taħt tidher inattiva. Issettja backdrop: false biex tneħħi d-dlam kollu – dan iħalli wkoll il-paġna tista' tiġi skrolljata wara l-checkout.

backdropColor jiġi applikat kif inhu, għalhekk jista' jkun kwalunkwe kulur CSS validu. Użah biex tqabblu ma' sit skur jew b'marka speċifika minflok biex taħbi l-isfond; għal dan, backdrop: false hija l-għażla korretta.

Sostituzzjonijiet għal kull prenotazzjoni

checkoutMode, collectConsent, backdrop, backdropColor, pane u popup kollha jistgħu jiġu ssostitwiti għal prenotazzjoni waħda billi tgħaddihom lil book(). Il-valur fil-livell tal-istanza jibqa' l-istess għal sejħiet sussegwenti:

JavaScript
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 u tprm mhumiex għażliet għal kull prenotazzjoni – pk tidentifika l-kont għall-paġna kollha, u l-parametri ta' traċċar jinbidlu b'setTracking() meta jkollhom bżonn ikunu differenti.