javi61 Posted June 26, 2016 Share Posted June 26, 2016 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 More sharing options...
Rolige Posted June 27, 2016 Share Posted June 27, 2016 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 More sharing options...
javi61 Posted June 27, 2016 Author Share Posted June 27, 2016 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 More sharing options...
Rolige Posted June 27, 2016 Share Posted June 27, 2016 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 More sharing options...
javi61 Posted June 29, 2016 Author Share Posted June 29, 2016 Perfecto, funciona a la perfección. Muchas gracias Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now