Avisos
Vaciar todo

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

14 Respuestas
4 Usuarios
0 Reactions
876 Visitas
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Buenas Pepe,

Hace un rato he subido una imagen a la descripción y se descoloca cuando entro desde el movil como el anterior mensaje que abri.
Queria responderte alli pero esta cerrado el hilo.

En esta enlace tengo la imagen puesta.
http://www.nutrishop.es/index.php?id_product=69&controller=product&id_lang=1&live_configurator_token=8a19b536de5dd5b447f04bcdde649df5&id_shop=1&id_employee=1&theme=theme8&theme_font=

Un saludo y gracias de nuevo.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 10/09/2016 2:57 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

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.


 
Respondido : 10/09/2016 3:34 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

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


 
Respondido : 10/09/2016 5:10 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

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.


Esta publicación ha sido modificada el hace 5 años por antonio
 
Respondido : 10/09/2016 6:11 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

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


 
Respondido : 10/09/2016 6:52 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

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.


 
Respondido : 10/09/2016 7:01 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

Creo que es esto lo que me dices.

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

Un saludo


 
Respondido : 10/09/2016 7:12 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


Esta publicación ha sido modificada el hace 5 años por antonio
 
Respondido : 10/09/2016 11:15 pm
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

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

 


Esta publicación ha sido modificada el hace 5 años por antonio
 
Respondido : 11/09/2016 1:18 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 11/09/2016 1:45 am
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

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.


Esta publicación ha sido modificada el hace 5 años por antonio
 
Respondido : 11/09/2016 1:57 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 11/09/2016 5:22 am
 Ivan
Respuestas: 278
Reputable Member
Topic starter
 

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

 


Esta publicación ha sido modificada el hace 5 años por antonio
 
Respondido : 11/09/2016 9:41 pm
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

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:


 
Respondido : 12/09/2016 8:59 am