Jump to content

¿como poner Imágenes en la descripción?


Recommended Posts

Hola a todos.

Soy totalmente novato y estoy relazando pruebas para incorporar imágenes debajo de la descripción del producto como realizan muchas tiendas chinas.

 

Os pongo un ejemplo, en esta dirección.

 

http://www.igogo.es/product446017.html

 

Ponen debajo de la descripción del producto imágenes, hasta ahí bien, Pero si yo pongo imágenes como ellos en la descripción, se me va de madre cuando voy a verlas por el teléfono móvil, en la web por el PC se ven bien pero en los móviles no se ajusta y fatal.

 

Ejemplo:

http://jatby.com/index.php?id_product=10&controller=product&id_lang=3

 

Mi pregunta es ¿se pueden introducir imágenes? sé que si, ¿pero como pueden salir correctamente por los dispositivos con el tamaño exacto?

 

La intención es crear una web parecida

Muchas gracias.

Link to comment
Share on other sites

Es por que probablemente la imagen es muy grande, si estas en PrestaShop 1.6 bastaria con que le añadieras la clase "img-responsive" a la imagen, esto tendrias que hacerlo a travez de codigo en el editor de la descripcion, los pasos serian...

 

1.- Añades la imagen en la descripcion tal como lo has venido haciendo.

2.- En la barra de herramientas del editor hay una opcion similar a este simbolo "</>" para editar el codigo fuente

3.- En el codigo localizas la imagen y probablemente valla a ser un codigo similar a este

<img src="http://dominio.com/imagen.jpg" alt="" width="xxx" height="xxx" />

4.- Ahora añades la clase mencionada, quedando el codigo asi:

<img class="img-responsive" src="http://dominio.com/imagen.jpg" alt="" width="xxx" height="xxx" />

Con ese deberias solventar el problema, igual si continuas con problemas podrias eliminar el width y height

Link to comment
Share on other sites

Muchas gracias.

Puede valerme, una cuestión, ¿en el archivo CSS global no se puede poner algún código para que cuando inserte directamente la imagen en la descripción se haga responsive?

No sé si eso se puede hacer o algo similar.

Muchas gracias por la ayuda.

Link to comment
Share on other sites

Probablemente si, prueba hacerlo en el archivo

/themes/default-bootstrap/css/product.css

Añade el siguiente codigo al final del archivo

#product .page-product-box .rte img {
  display: block;
  max-width: 100%;
  height: auto;
}
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...