Inicia sesión en la administración de tu tienda y, en el menú lateral izquierdo, haz clic en "Extensiones" > "Tienda". Escribe en el campo de búsqueda de arriba el nombre de nuestra app, en este caso "Interactive Side Element (Cloud)". La app aparecerá en un recuadro debajo del filtro de categorías, en la pestaña "Apps". Haz clic en el recuadro para ver la descripción detallada de la app. En esa vista, haz clic en el botón azul "Añadir extensión" arriba a la derecha. Se abrirá una ventana en la que tienes que marcar las casillas para poder añadir la extensión a tu tienda con el botón "Añadir extensión de forma gratuita".
Cuando hayas añadido la app desde la tienda, ya puedes instalarla. Para ello, haz clic en "Extensiones" > "Mis extensiones" en el menú lateral izquierdo de la administración. Ahora puedes instalar la app en tu tienda con el enlace "Instalar app".
A continuación te explicamos cómo configurar la app después de instalarla.
Cuando hayas instalado la app, actívala en la administración, en "Extensiones" > "Mis extensiones", pestaña "Apps", con el interruptor a la izquierda del nombre de la app. Cuando la app está activa, el interruptor se vuelve azul.
Una vez instalada y activada la app, abre su configuración desde el menú contextual, el botón de los tres puntos ("…"), y haz clic en "Configuración". Verás las distintas opciones para configurar el elemento lateral. Cuando lo tengas todo como quieres, haz clic en "Guardar" para aplicar los cambios.
Después de activar la app, compila tu tema. En el menú lateral izquierdo de la administración, haz clic en el canal de venta que quieras y abre la pestaña "Tema". Haz clic en el botón "Cambiar tema" y elige el tema (puede ser el mismo que ya tenías). Guarda la selección con el botón azul "Cambiar tema" y confírmala de nuevo con el botón azul "Cambiar tema". Así se compila el tema. Según cómo tengas configurada la caché, después tendrás que vaciarla: tanto la caché de la tienda como, si hace falta, la de tu navegador.
Como ciertas combinaciones de tema, apps y configuración de la tienda pueden afectar al funcionamiento de la app, comprueba después que el elemento lateral interactivo funciona en tu tienda como quieres.
Define si el botón se muestra en la tienda.
Elige en qué lugar de la página aparece el elemento lateral. Hay 4 posiciones: arriba a la izquierda, abajo a la izquierda, arriba a la derecha y abajo a la derecha.
Con este ajuste eliges una de las tres funciones del elemento lateral. Como enlace simple, el elemento lleva a la página que tú elijas al hacer clic en él. Como panel off-canvas, al hacer clic se abre un panel lateral con el contenido que hayas definido. Como ventana modal, se abre una ventana modal que también muestra el contenido que hayas definido.
Elige el tipo de botón: icono o imagen propia.
Aquí eliges el icono del botón (iconos de Shopware). Para que el icono aparezca en el botón, el ajuste "Tipo" tiene que estar en icono.
La URL de la imagen cuando el ajuste "Tipo" del elemento está en imagen propia. Asegúrate de que la imagen sea cuadrada y de que no mida más de 120 píxeles de ancho ni de alto.
La URL a la que lleva el elemento cuando su función es el enlace simple.
Elige el tamaño del botón. Hay estos tamaños: pequeño (30 × 30 px), predeterminado (40 × 40 px) y grande (80 × 80 px).
Define el color de fondo del botón.
Define el color principal del icono del botón. Para que el icono aparezca en el botón, el ajuste "Tipo" tiene que estar en icono.
Define el color secundario (al pasar el ratón por encima) del icono del botón. Para que el icono aparezca en el botón, el ajuste "Tipo" tiene que estar en icono.
Ajusta el radio, el grosor y el color del borde del botón.
Con el panel off-canvas, defines dónde se coloca el botón respecto al panel. Las posiciones posibles son: arriba, en el centro y abajo.
Define el tamaño del contenido en el panel off-canvas y en la ventana modal.
Define el contenido de la ventana modal o del panel off-canvas. Puedes usar tu propio código HTML.
El color de fondo de la ventana modal o del panel off-canvas.
El color del contenido de la ventana modal o del panel off-canvas.