Child pages
  • Mapeo de imágenes

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Warning

El mapeo de imágenes (o construir mapas de imágenes) era una funcionalidad introducida en la versión 1.1 de PrestaShop, y que estuvo disponible hasta la versión 1.5 inclusive.
La nueva instalación de PrestaShop 1.6 no cuentan cuenta con esta funcionalidad habilitada de forma predeterminada, aunque las tiendas que han sido actualizadas a esta versión 1.6 pueden todavía utilizarla.

Si ha has realizado una nueva instalación de PrestaShop 1.6 y quiere quieres seguir utilizando el mapeo de imágenes siga sigue las siguientes instrucciones:

  1. Abra Abre la página Administración > Menús.
  2. Haga Haz clic en "Añadir nuevo"
  3. En el formulario, de otorgue un nombre a la página (a priori", mapa de imágenes), y teclee teclea "AdminScenes" en el campo "Clase". Deje Deja el campo "Módulo" vacío, y seleccione selecciona "Catálogo" en la lista desplegable Padre (Pestaña).
  4. Guarde Guarda el formulario. El mapa de imágenes aparecerá tras este proceso como página dentro del menú Catálogo.

Tenga Ten en cuenta que esta función está obsoleta, y no tendrá tendrás ningún tipo de soporte por parte del equipo de PrestashopPrestaShop.

Los mapas de imágenes son muy útiles para dividir una imagen en diferentes regiones, las cuales podrán ser abiertas al hacer clic sobre ellas. Con esto puede puedes lograr que diferentes páginas de productos puedan abrirse haciendo clic sobre esta única imagen. Esta característica hace que su tu sitio sea muy atractivo y facilite facilita la navegación a sus tus clientes.

Antes de crear un mapa de imagen, debe debes tener una imagen que cuente con variaciones de un producto, o diferentes productos en conjunto.

Al hacer clic en la opción de del menú "Mapas de imágenes" será redireccionado , el navegador redirecciona a una nueva página, la cual muestra una lista de los mapas de imágenes registrados actualmente, si hubiese alguno creado.

Para crear un nuevo mapa, haga haz clic en el botón "Añadir nuevo". A continuación, aparecerá la pantalla de creación.

  • Nombre del mapa de imagen. Introduzca Introduce un nombre para el mapa de imagen.
  • Estado. Si el mapa de imagen está disponible o no. Puede Puedes optar por aplazar su disponibilidad hasta que haya hayas terminado la configuración a todos los enlaces.
  • Imagen para el mapa. Seleccione Selecciona la imagen que desea deseas que represente al mapa de imagen, a continuación haga , haz clic en "Guardar y permanecer". La página actual será recargada, con la imágen imagen que ha subido, y muchas más opciones.

Ahora vamos a aprender a crear un mapa de imagen. Haga  Haz clic en cualquier parte de la imagen y arrastre arrastra el ratón sobre uno de los productos presentados, con el fin de resaltar/cortar la parte de la imagen que quiere quiera que sea clickable clicable por el usuario.

Su Tu selección pasará a ser clara y luminosa, mientras que el resto de la imagen se oscurecerá. Preste Presta atención y alinee alinea cuidadosamente el marco de la selección con la zona en la que el cliente podrá hacer clic.

...

  1. En el campo justo debajo de la imagen, escriba escribe las primeras letras del producto asociado con la zona seleccionada.
    En nuestro ejemplo, podríamos escribir "vestido" y nos aparecerían varias opciones. A continuación, podríamos seleccionar el producto "Vestido estampado".
  2. Confirme su Confirma tu selección haciendo clic en "Aceptar". Su Tu mapa de imagen habrá sido creado.

Repita Repite este proceso para todos los productos de esta imagen que desea deseas que sean accesibles con un clic.

Tip

Las zonas clicables son visibles gracias al icono "+". Al pasar el cursor del ratón por encima de la imagen, se puede ver una pequeña ventana que muestra el nombre de la imagen, la imagen por defectopredeterminada, la breve descripción corta y el precio.

Si ha has cometido un error en su tu área seleccionable, puede puedes redimensionarla arrastrando sus lados o esquinas.

Si desea deseas eliminar un área seleccionable, sólo tiene tienes que seleccionar la zona y hacer clic en el botón "Eliminar" que aparece dentro de la imagen.

Por último, debe debes asignar el mapa de imagen a una categoría. Esto se hace marcando las casillas de la tabla de "Categorías".

Una vez realizadas todas las modificaciones, guarde guarda todos sus tus cambios.

Su Tu mapa de imagen estará ahora disponible en su tu tienda, en las categorías seleccionadas.