Jump to content

Recommended Posts

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

Link to comment
Share on other sites

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
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...