La función selector de opciones, junto con sus subfunciones, te permite personalizar cómo se presentan las opciones de producto y los idiomas de los comentarios del tour. Con varias configuraciones, puedes crear un diseño muy personalizado. Mientras que los estados predeterminados proporcionan una visualización estándar, recomendamos usar todas las subfunciones juntas al hacer cambios para asegurar una personalización óptima.
Lista de funciones del selector de opciones
La función selector de opciones contiene varias subfunciones. Añade el siguiente código a tu checkout de Ventrata haciendo una de dos cosas:
Para poder personalizar la forma en que se muestran las opciones, sigue esta sintaxis:
la función
optionSelectorse coloca en el objetofeaturestodas sus subfunciones se registran luego bajo el objeto
optionSelector
Actualizar el atributo Data-Config - añadiendo el siguiente código en el atributo data-config de tu script de checkout, consulta la Guía de implementación para más información.
"features": {
"optionSelector": {
"preselectFirstOption": true / false, (default: true)
"placement": "above-tickets" / "separate-step", (default: "separate-step")
"type": "expandable" / "fixed" (default: "fixed")
}
}
📒 NOTA
Simplemente agregar la función en la data-config habilita la entrada en todos los productos en el checkout. Recomendamos limitar esta función a productos específicos especificando el ID del producto en el atributo data-config.
Agregar función al Script o Botón - agrega la función a tu data-config para script o botón en el siguiente formato:
<script
src="https://cdn.checkout.ventrata.com/v3/production/ventrata-checkout.min.js" type="module" data-config='{"apiKey":"<YOUR_API_TOKEN>", "features":{"optionSelector": {"preselectFirstOption": true, "placement": "above-tickets", "type": "expandable" }}}'></script>
📒 NOTA
Los cambios realizados con Option Selector (Selector de opciones) no se mostrarán si se especifica un ID de opción en la data-config, ya que en este caso una opción ya ha sido seleccionada.
El selector de opciones admite las siguientes subfunciones:
Subfunción | Predeterminado | Valores disponibles | Descripción |
|
|
| cuando está habilitado, si el producto contiene múltiples opciones, la primera en la lista se preselecciona |
|
|
| por defecto, las opciones se seleccionan en un paso separado, es decir, página; cuando las opciones se colocan encima de las entradas, se seleccionan en la misma página que los billetes y las fechas del tour |
|
|
| la configuración fija predeterminada se manifiesta en ambas ubicaciones mostrando todas las opciones disponibles; el tipo expandible se puede usar solo encima de las entradas, donde las opciones están colapsadas y solo la opción seleccionada es visible |
Flujo del selector de opciones
El cliente selecciona un producto. Según la configuración en selector de opciones, pueden ocurrir los siguientes escenarios:
Configuraciones predeterminadas
Los idiomas de los comentarios del tour y las opciones están en una página separada. Los comentarios están colapsados y todas las opciones de producto disponibles se listan en la página.
📗 CONSEJO
Todas las configuraciones predeterminadas son comportamientos estándar de selección de opciones y, por lo tanto, no necesitan ser indicadas en la data-config.
Configuraciones predeterminadas
Configuraciones no estándar de la función
Puedes usar variaciones de las configuraciones:
Los idiomas de los comentarios del tour y todas las opciones de producto disponibles se listan en la página de Tickets encima de la selección de entradas. La primera opción de la lista está preseleccionada.
Subfunción | Configuración |
|
|
|
|
|
|
Opción preseleccionada, encima de las entradas, fija
Los idiomas de los comentarios del tour y todas las opciones de producto disponibles se listan en la página de Tickets encima de la selección de entradas. No hay ninguna opción preseleccionada.
Subfunción | Configuración |
|
|
|
|
|
|
Preselección falsa, encima de las entradas, fija
Los idiomas de los comentarios del tour y todas las opciones de producto disponibles se listan en la página de Tickets encima de la selección de entradas. La primera opción está preseleccionada, mientras que las otras opciones disponibles permanecen colapsadas. Para ver y seleccionar diferentes opciones, cambia la actualmente seleccionada.
Subfunción | Configuración |
|
|
|
|
|
|
Opción preseleccionada, encima de las entradas, expandible
Aplicación no intencionada
Si no se especifica un ID de producto en la data-config, las configuraciones del selector de opciones se aplican a todos los productos, incluso a aquellos sin opciones. Para evitar la aplicación no deseada de estas configuraciones, asegúrate de incluir el ID del producto o productos específicos.
Configuraciones predeterminadas (izquierda) y Sobre el billete, expandible (derecha)