Date: Fri, 29 Mar 2024 03:23:17 +0100 (CET) Message-ID: <211588132.7062.1711678997218@p1confluence2a.gva.secutix.net> Subject: Exported From Confluence MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_Part_7061_1232864934.1711678997218" ------=_Part_7061_1232864934.1711678997218 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/exported.html
En el marco de la personalizaci=C3=B3n avanzada, SecuTix permite estable= cer una cabecera o pie de p=C3=A1gina a medida. Esta configuraci=C3=B3n se = hace cargando el c=C3=B3digo HTML de la cabecera o el pie de p=C3=A1gina en= la pesta=C3=B1a de avanzado de la configur= aci=C3=B3n del tema gr=C3=A1fico. De esta manera, la agencia web que= ha dise=C3=B1ado su p=C3=A1gina institucional puede reutilizar el c=C3=B3d= igo con el que la ha creado sin necesidad de reescribirlo de nuevo =C3=BAni= camente para la venta.
Podr=C3=A1 cambiar un cierto n=C3=BAmero de elementos del tema gr=C3=A1f=
ico para cada punto de venta. Dir=C3=ADjase a su Punto de Venta> T=
ema Internet
. En esta p=C3=A1gina de configuraci=C3=B3n, una de las=
pesta=C3=B1as le permite llevar a cabo las manipulaciones avanzadas para l=
as cabeceras y pies de p=C3=A1gina. Para ambos bloques de p=C3=A1ginas, ver=
=C3=A1 aparecer tantos campos de texto como idiomas activos haya en el punt=
o de venta. Le permitir=C3=A1 ejecutar los cambios de las etiquetas de mane=
ra m=C3=A1s f=C3=A1cil.
Tama=C3=B1o m=C3=A1ximo. Punto importante: por razones = t=C3=A9cnicas y de rendimiento, evite cargar una cabecera o pie de = p=C3=A1gina que supere los 20'000 caracteres (incluidos los espaci= os y saltos de l=C3=ADnea) para cada idioma. Si este punto de bloqueo, a co= ntinuaci=C3=B3n algunos trucos para ganar espacio:
El CSS puede ocupar espacio r=C3=A1pido y, por ello, le recomendamos= que use el de su p=C3=A1gina web principal.
La cabecera y el pie de p=C3=A1gina son dos p=C3=A1ginas est=C3=A1ticas =
HTML que se integran en la pasarela de pago a trav=C3=A9s de <ifra=
mes>
. Estos iframes van a cambiar el tama=C3=B1o autom=C3=A1ticam=
ente en funci=C3=B3n de su contenido, lo que implica tener que respetar las=
siguientes condiciones:
<div&=
gt;
=C3=BAnico en el cuerpo de la p=C3=A1gina integrada.body, ht= ml {=09 =09margin: 0; padding: 0; overflow: hidden; }
SecuTix integrar=C3=A1 el contenido de la cabecera y del pie de p=C3=A1g= ina en un iframe. No obstante, ciertos elementos son espec=C3=ADficos de la= venta de entradas como por ejemplo el registro del usuario, las llamadas p= ara cambiar de idioma, etc. Es por lo que presentamos una API documentada p= ara las integraciones con el resto de la p=C3=A1gina.
Al comienzo de la p=C3=A1gina cargada, es conveniente recuperar la API e= n el iframe para poder utilizarla m=C3=A1s f=C3=A1cil.
<scri= pt type=3D"text/javascript"> =09var SecuTixAPI =3D window.parent.SecuTixAPI; </script>
/** * Get the details on loggued contact. Null if not logged. Otherwise: * { *=09=09lang: // the contact prefered language *=09=09firstName: // the contact first name *=09=09lastName: // the contact last name *=09=09title: // the contact title *=09=09structureName: // if contact belongs to a structure, structure name *=09} *=20 * @returns {Object} */ getContact: function() {}
La siguiente API da acceso a las URL que se pueden utilizar en los enlac= es.
/** * Return available urls: * { * =09=09account: // url to account page * =09=09cart: // url to cart page * =09=09continueShopping: // url to continue shopping * =09=09logout: // url to logout the user=20 * =09=09langs: // map of urls for the langs. Keys are the language codes * } * @returns {Object} */ getUrls: function () {}
/** * Get the current content of the cart. Null is empty. Otherwise: * { * nbItems: // number of items in cart {number} * amount: // amount of cart as {string} * currency: // currency of the amount * } *=20 * @returns */ getCart: function () {}
SecuTix muestra un m=C3=A9todo de manipulaci=C3=B3n del men=C3=BA m=C3= =B3vil que viene por defecto en la pasarela de pago. Por ejemplo: abra el m= en=C3=BA SecuTix m=C3=B3vil mientras que el usuario hace clic en un bot=C3= =B3n men=C3=BA en la cabecera.
/** * Show or hide the secutix mobile menu. * @param {boolean} show * @returns */ toggleSecutixMobileMenu: function (show) {}
Ejemplo de html para una cabecera en la que el enlace Mi cuenta se convierte en el nombre del contacto<= /u> mientras est=C3=A9 conectado.
<html= > <head> =09<!-- import your css here --> =09<link rel=3D"stylesheet" type=3D"text/css" href=3D"//my.css"> </head> <body> =09<!-- there should be only one div as child of the body tag --> =09<div> =09=09<!-- the header or the footer content should be here --> =09=09<a href=3D"#" id=3D"my_account" class=3D"hide">My account</a= > =09=09<a href=3D"#" id=3D"my_account_mobile"> =E2=98=B0 </a> =09</div> =09<!-- import your scripts here --> =09<script type=3D"text/javascript"> =09=09var SecuTixAPI =3D window.parent.SecuTixAPI; =09=09// If the contact is not logged in, show the "My account" link =09=09if (!SecuTixAPI.getContact()) { =09=09=09var myAcountLink =3D document.getElementById("my_account"); =09=09=09myAcountLink .classList.remove("hide"); =09=09=09myAcountLink.attributes.href.value =3D SecuTixAPI.getUrls().accoun= t; =09=09} =09=09// Clicking on the mobile link opens the mobile menu =09=09document.getElementById("my_account_mobile").addEventListener(functio= n (event) { =09=09=09event.preventDefault(); =09=09=09SecuTixAPI.toggleSecutixMobileMenu(); =09=09}); =09</script> </body> </html>