Adaptación imagenes versión móvil

[jhv1995]

Hola, tengo un problema con mi página web de prestashop en versión móvil, en la web funciona perfectamente pero al ampliar las imágenes de los productos en el móvil (la lupa), la propia imagen sale totalmente desenfocada. ¿A qué se debe y cómo puedo solucionarlo? Muchas gracias. 

La url de la web es www.yuroa.com

Edited May 24, 2017 by jhv1995 (see edit history)

[metal1616]

Hola, buenos días, 

Parece que el problema tiene que ver con el diseño de la plantilla, ya que no restringe el tamaño de la imagen al ampliarse. Lo puedes seleccionar añadiéndole una restricción, por ejemplo, "max-height:100%".

 

Quedaría de esta manera:

#image-block a.jqzoom div div img {
    max-height: 100%;
}

Aún así tampoco parece la mejor solución, si aún posees soporte de la plantilla yo me pondría en contacto con él.

 

Saludos.

[jhv1995]

Hola, buenos días, 

Parece que el problema tiene que ver con el diseño de la plantilla, ya que no restringe el tamaño de la imagen al ampliarse. Lo puedes seleccionar añadiéndole una restricción, por ejemplo, "max-height:100%".

 

Quedaría de esta manera:

#image-block a.jqzoom div div img {
    max-height: 100%;
}

Aún así tampoco parece la mejor solución, si aún posees soporte de la plantilla yo me pondría en contacto con él.

 

Saludos.

Buenos días, gracias por tu respuesta.  Soy un poco torpe en estos temas, ¿dónde tendría que introducir esa restricción en el administrador?

[metal1616]

Ah, disculpa, es código CSS de hoja de estilo, debes de ponerlo dentro de un archivo CSS de tu plantilla (dentro de /themes/nombredetuplantilla/css/XXX.css y pegas el código tal cual, o probablemente tu plantilla tenga una sección en la que añadir este código en el backoffice, busca en el administrador de la plantilla (que será un módulo, si lo tiene) y busca una sección que ponga "Custom CSS" o algo por el estilo.

 

Si no te funciona, dímelo y miro desde el pc el archivo en concreto, que ajora mismo estoy en el móvil.

 

Saludos y suerte!