Avisos
Vaciar todo

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

 
Ivan
 Ivan
Reputable Member

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

Citar
Respondido : 10/09/2016 3:57 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 10/09/2016 4:34 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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

ResponderCitar
Respondido : 10/09/2016 6:10 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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 2 meses por antonio
ResponderCitar
Respondido : 10/09/2016 7:11 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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

ResponderCitar
Respondido : 10/09/2016 7:52 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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.

ResponderCitar
Respondido : 10/09/2016 8:01 pm

Cursos Gratuitos WordPress

Ivan
 Ivan
Reputable Member

Creo que es esto lo que me dices.

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

Un saludo

ResponderCitar
Respondido : 10/09/2016 8:12 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 11/09/2016 12:15 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ivan
 Ivan
Reputable Member

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 2 meses por antonio
ResponderCitar
Respondido : 11/09/2016 2:18 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 11/09/2016 2:45 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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.

http://www.nutrishop.es/index.php?id_product=61&controller=product&id_lang=1

ResponderCitar
Respondido : 11/09/2016 2:57 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 11/09/2016 6:22 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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 2 meses por antonio
ResponderCitar
Respondido : 11/09/2016 10:41 pm
Pepe
 Pepe
Soporte CMS Webempresa 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:

ResponderCitar
Respondido : 12/09/2016 9:59 am

Cursos Gratuitos WordPress