Usa primero la versión de prueba de la app en un entorno de pruebas de tu tienda para asegurarte de que funciona sin problemas con tu tema, las apps que utilizas y la configuración de tu tienda.
Instala la app en un entorno de pruebas de tu tienda. Si la instalas directamente en la tienda en producción, haz antes una copia de seguridad completa: instalar apps nuevas siempre puede provocar incompatibilidades y, en el peor de los casos, que la tienda deje de funcionar.
Cuando hayas obtenido la versión de prueba de la app a través de tu cuenta de Shopware, podrás descargarla desde el Shopware Store. Después súbela en la administración, en "Extensiones" > "Mis extensiones", con el botón azul "Subir extensión" (arriba a la derecha).
Si la app se ha subido correctamente, aparecerá en la lista de "Mis extensiones", en la pestaña "Apps". Ahora puedes instalarla 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.
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.
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.
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, imagen propia o texto.
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.
Aquí escribes el texto del botón. Para que el texto aparezca en el botón, el ajuste "Tipo" tiene que estar en texto. Puede tener como máximo 30 caracteres.
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), mediano (60 × 60 px), grande (80 × 80 px) y extragrande (100 × 100 px).
Define el color de fondo del botón.
Define el color principal del icono o del texto del botón. Para que el icono o el texto aparezcan en el botón, el ajuste "Tipo" tiene que estar en icono o en texto.
Define el color secundario (al pasar el ratón por encima) del icono o del texto del botón. Para que el icono o el texto aparezcan en el botón, el ajuste "Tipo" tiene que estar en icono o en texto.
Ajusta el radio, el grosor y el color del borde del botón.
Define la velocidad de la animación con la que se muestra el contenido en el panel off-canvas o en la ventana modal.
Define cómo transcurre la animación (timing function) con la que se muestra el contenido en el panel off-canvas o en la ventana modal.
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.