Esta guía te ayudara a crear una personalización que muestre una vitrina de productos a partir de un click en un en un botón
🚀 Comencemos
Desde el área de personalizaciones haz clic en el botón “Nueva personalización”; asígnale un nombre y elige tipo de personalización → Popup
2. Completa las otras opciones según el caso, y crea la personalización haciendo click en Crear Personalización
3. Una vez creada la personalización se debe configurar las variables de los productos a mostrar, en este caso de ejemplo name, price y image.
4. Una vez configurado el template, apoyando el mouse sobre el costado del contenedor, vamos a poder seleccionar la fila haciendo click, esto para poder configurar el renderizado.
5. Cuando hagamos click, en la barra derecha nos van a aparecer otras opciones. Hacemos scroll hasta encontrar el titulo Contenido Dinámico, y damos click en Seleccionar una condición
6. Nos aparecerá un popup. Hacemos click en Recomendación de Productos en Vitrina
7. Una vez más, nos aparecerán otras opciones. Hacemos click en Recomendación de productos en vitrina
8. Para poder seguir con el proceso debemos guardar los cambios haciendo click en el botón Guardar.
9. Una vez guardada la personalización, hacemos click en el botón Propiedades.
10. Esto nos abrirá una barra a la derecha donde tenemos mas opciones para configurar. Hacemos click en la sección Botón disparador
11. Activamos el módulo
12. Una vez activado, se nos mostrarán muchas opciones. Buscamos la opción que dice Tipo, hacemos click y seleccionamos el tipo de acuerdo a nuestras necesidades. En este caso, hacemos seleccionamos Imagen
13. Se nos va a mostrar un campo justo abajo de Tipo donde colocaremos la URL de nuestra imagen.
14. Una vez colocada la URL vamos a empezar a editar el botón. Propiedades importantes como Tamaño, Color y Sombra.
15. Buscamos Tamaño de imagen y asignamos un valor, por ejemplo 100px
16. Ahora buscamos Color de fondo, y le bajamos la barra de transparencia
17. Luego buscamos Desenfoque y lo ponemos en 0px
18. Ya tenemos el botón configurado. Ahora configuremos el contenido. Cerramos el apartado de Botón disparador, y abrimos el apartado de Contenido Dinámico.
19. Seleccionamos una estrategia y asignamos una cantidad de productos y damos a Guardar.
20. Para ver mejor lo que estamos configurando, hacemos click en el modo Popup
21. Buscamos el apartado Slider, y lo activamos. Veremos que automaticamente se acomodan los productos de prueba que se nos muestran. Eso quiere decir que esta configurado correctamente.
22. Listo! Ya tenes tu personalización de Vitrina en Popup + Boton disparador. Ahora resta configurar y customizar los estilos de acuerdo a las necesidades del cliente