Imagenes en descripción larga

[jaume36]

Buenos días,

 

Checkeando las opciones de "Webmaster de google" nos comunican que las imagenes de los productos que hemos añadido en la descripción larga superan los margenes en móviles.
Esto creo que se soluciona añadiendo en un CSS lo siguiente:

 

Images {

max-width:100%;

height: auto;}

 

La pregunta es sencilla, en que lugar tengo que editar para añadir y que me funcione?

o si saben de otra solución?

gracias de antemano

[Sergio Ruiz]

Buenos días,

 

Checkeando las opciones de "Webmaster de google" nos comunican que las imagenes de los productos que hemos añadido en la descripción larga superan los margenes en móviles.

Esto creo que se soluciona añadiendo en un CSS lo siguiente:

 

Images {

max-width:100%;

height: auto;}

 

La pregunta es sencilla, en que lugar tengo que editar para añadir y que me funcione?

o si saben de otra solución?

gracias de antemano

Añade el class "img-responsive" a esas imágenes en el editor de las descripciones:

 

Es decir:

<img class="img-responsive" ....

La clase .img-responsive ya viene incorporada en la plantilla por defecto de Prestashop (themes/plantilla/css/global.css) aquí:

/themes/plantilla/css/global.css

[jaume36]

Gracias Sergio por contestar.

En global.css tengo lo siguiente:

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }
 

al parecer ya está lo que comentas. El problema lo tengo en la descripción larga del producto, ahí hemos ido metiendo imagenes que se visualizan en grande y no se adaptan a la pantalla al hacer zoom o en moviles.

he de añadir algún código extra en algún tpl o css?

gracias de nuevo.

[jaume36]

El tema es poder hacer todo de golpe con css o tpl ya que en el editor de cada producto son muchísimos producots multiplicado por 12 idiomas!

saludos