Imagen en Descripción no responsive en el móvil  

Hola,

Puedes enviarnos una captura?, en tu caso el problema parece estar en los Iphone ya que pruebo con Android pero no me muestra error alguno.

Buenas Johnny,

Te adjunto unas capturas, he probado con Android y tambien me pasa.

Solo tengo puesto la imagen en solo ese articulo que puse en el enlace.

Por si lo buscos desde el movil el producto es Whey prox (Platinum) 2kg

Un saludo

Hola,

Dicha imagen parece que la haz insertado mediante el editor del propio PrestaShop, la imagen tiene definido un tamaño fijo, lo correcto seria que tenga definido un tamaño por porcentaje por ejemplo.

Hola Johnny,

Si la he insertado mediante Prestashop porque no se como hacerlo de otra forma.

Entonces como tengo que hacerlo para que se vea correcto en la version movil?

Un saludo

Hola,

Envíanos una captura del editor en forma de código para indicarte el cambio a realizar, aunque ya te lo escribí en el hilo anterior.

Creo que es esto lo que me dices.

Si hago la imagen mas pequeñas el texto se vuelve borroso.

Un saludo

Hola Iván

¿Has probado a insertar la imagen tal como te sugiere Johnny? es decir en lugar de usar el editor de PrestaSHop, seleccionar la imagen, etc., es añadir (una vez subida la imagen naturalmente) una llamada en HTML a la imagen e insertarlo en la caja de Información pero sin usar el editor, poniendo simplemente el código:

Saludos

Buenas Luis,

Como me comentais no se hacerlo

que tendria que copiar esto en la descripcion?

He realizado la prueba copiendo pero se me queda asi, algo no estoy haciendo bien.

Un saludo

 

Hola Ivan,

Es código HTML lo que tratas de insertar, por lo que si lo haces con el editor del productos en PrestaShop "activo" lo interpretará como texto y no como código, por eso te puse en mi respuesta:

Otra opción es que en lugar de usar imágenes en el campo de descripción del producto, que inicialmente no tiene comportamiento "responsive" para las imágenes, lo hagas con tablas, como tienes la tabla de debajo de las imágenes en tu producto, que si es "responsive" y he comprobado que se ve perfecto desde el móvil.

Saludos

Buenas Luis,

Perdona pero mis conocimientos son basicos y no entiendo lo que me quieres decir :blush: .

Esta imagen la he subido con el editor, que deberia de hacer para ponerl en HTML?

El problema que los productos viene con imagenes con la informacion y entonces es copiar y pegar.

Si no tendria que hacerlo todo el texto a mano, el fabricante lo envia asi y las web colocan la imagen en la descripcion.

Seria algo asi? no llego a entender bien como lo hace.
https://www.youtube.com/watch?v=KolMbyYxyMQ
Un saludo

P:D Ya esta al final he aprendido hacerlo como me lo deciais probando.

Gracias y perdonar mis conocimientos, he probado en este articulo y ahora desde el movil se queda en linea todo el prodcuto.
Gracias.

Hola ivan,

Perfecto ahora si veo que la imagen escala en base al dispositivo.

Seria bueno que explicases como lo has realizado para que otros usuarios sepan como hacerlo si les pasa lo mismo que a ti.

Gracias

Buenas Luis,

Si claro hago un pequeño tutorial.

Primero subimos la imagen con el editor de Prestashop.

 

Copias el enlace que genera al subir la imagen
Seria asi

Ahora vamos a codigo fuente, pegamos el enlace

añadiendo esto

 

Cerrar el editor se debe mostrar en la descripción.

Un saludo

 

Hola Ivan.

Bien, Gracias por compartirlo, seguro que bien bien para otros usuarios 😉

Cerramos el tema.

Un saludo y gracias de nuevo por compartir.

Compartir da vida :laugh: