Tengo configurada una imagen en el módulo de personalizar HTML en la que hay distintas zonas cada una de ellas asignada a una url. En la página web sale perfectamente y las zonas llevan a donde tienen que llegar, pero en el móvil no está adaptado al tamaño.
¿hay forma de solucionarlo?
En la imagen adjunta se puede ver cual es la imagen.
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Lo que veo es que has mapeado una imagen con HTML, esto no será muy práctico en movil, las razon principal es que en el mapeo inicial tu imagen tiene unas dimensiones y el mapeo lo haces en base a esas dimensiones si la imagen cambia de tamaño el mapeo es incorrecto.
Lo que te sugiero es buscar hacerlo de otra manera, usando imágenes individuales y con CSS darle una forma individual, y hacerlo responsive, por ejemplo en modo movil una imagen puede aparecer una debajo de otra, etc.
Saludos.
Por tu respuesta deduzco que el adaptar el mapeo a una pantalla de otro dispositivo es más complicado que montar imagen por imagen.
Hola Daniel.
Revisando tu web veo que las imágenes se re-dimensionan ¿ Lo solucionaste o necesitas algo más ?
Un saludo
Voy a hacer como me ha dicho @Jhon Marreros Guzman, tratar las imágenes de forma individual. Pero tengo la curiosidad de saber si se podría hacer para que las coordenadas se ajustaran al tamaño que tenga.
Intentaré hacerlo con jQuery RWD Image Maps o SVG para ver como queda y elijo cual de las dos opciones me gusta más.
Gracias a Ambos.
Hola Daniel.
El mapeo de imágenes en prestashop era una funcionalidad que estaba disponible hasta la versión 1.5 de PS, esta opción dejo de estar disponible a partir de la versión 1.6.
Se puede seguir utilizando en PS 1.6 pero tienes que realizar algunos pasos que en las anteriores versiones no hacia falta.
Te dejo información de la documentación de PS donde se explican los pasos -> http://doc.prestashop.com/pages/viewpage.action?pageId=28901462
Un saludo