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.
Para añadir imágenes con marcadores a tu tienda, ve en la administración a "Contenidos" > "Mundos de experiencias" y abre la Shopping Experience en la que deben aparecer los marcadores. Arrastra el bloque "Image with hotspots" a la Shopping Experience. Lo encontrarás en la categoría "Texto e imagen". Al pasar el ratón por encima del elemento aparece un icono de ajustes; haz clic en él para editar el elemento.
En las opciones del elemento, en la pestaña "Ajustes", eliges la imagen, el número de marcadores, el diseño y el color de los marcadores y de los enlaces. Para que la imagen se vea bien, te recomendamos una resolución de 1920 x 960 píxeles. Lo ideal es comprimirla antes de subirla.
En las opciones del elemento, cada marcador tiene su propia pestaña ("Marking 1", "Marking 2", etc.). Ahí defines su posición y el contenido que aparece al pasar el ratón por encima. Guarda los ajustes con el botón "Terminado". Cuando estés contento con los contenidos y los ajustes, guarda la Shopping Experience y comprueba que la imagen con los marcadores se ve como quieres en tu tienda.
Como ciertas combinaciones de tema, apps y configuración de la tienda pueden afectar al funcionamiento de la app, te recomendamos comprobar después que los marcadores funcionan en tu tienda como quieres.
Elige una imagen de tus carpetas de medios o sube una nueva. Para que se vea bien, te recomendamos una resolución de 1920 x 960 píxeles. Lo ideal es comprimir la imagen antes de subirla.
Elige cuántos marcadores se muestran en la imagen. Puedes añadir hasta 50.
Elige entre 3 diseños para los marcadores.
Para que los marcadores combinen con la imagen, puedes darles el color que quieras. El enlace del recuadro que aparece al pasar el ratón por un marcador también usa este color.
El título que aparece en el recuadro al pasar el ratón por encima del marcador.
La descripción que aparece en el recuadro al pasar el ratón por encima del marcador.
Elige si el recuadro del marcador muestra un enlace.
La dirección a la que lleva el enlace del recuadro.
El texto del enlace.