Imagen Responsive e...
 
Avisos
Vaciar todo

Imagen Responsive en las descripciones.

8 Respuestas
4 Usuarios
0 Reactions
649 Visitas
 RAUL
Respuestas: 34
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola las imagenes de las descripciones en mi prestashop no son responsive, por ejemplo https://goo.gl/NPrkMF, he seguido y echo lo que comentabais en este post vuestro, https://goo.gl/8wMexS pero a mi no me funciona, si lo de los videos, que podría hacer, un saludo.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 08/11/2017 7:01 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Podrías enviarnos una captura de pantalla para saber a qué te refieres exactamente, de manera general lo veo correcto, ya que no es necesario que se redimensionen a todo el ancho disponible.

Saludos.


 
Respondido : 08/11/2017 8:25 pm
 RAUL
Respuestas: 34
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola lo que quisiera es que la imagen que tengo en la descripción del producto sea responsive y se adapte a cada pantalla automáticamente, adjunto las fotos pero son las 2 de abajo.


 
Respondido : 09/11/2017 6:55 pm
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola

Lo primero es que tienes que insertar tus imágenes correctamente, por ejemplo en este producto:
Contenido solo visible a usuarios registrados

Revisando el código HTML veo que le estas dando unas dimensiones mucho menores del tamaño real:
width = 345 height = 226, tienes que poner las dimensiones reales de la imagen ya que de otro modo no te funcionará.

Luego puedes agregar el siguiente código CSS

.page-product-box img{
    max-width:100%;
    height:auto;
}

Saludos.


 
Respondido : 09/11/2017 9:15 pm
 RAUL
Respuestas: 34
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola de nuevo ya he puesto una foto en tamaño real, en el ejemplo que me has puesto, vamos eso creo, y el código como me dices, vamos eso creo, y sigue sin funcionar, vamos que no se hace responsive, que hago mal. Gracias.


 
Respondido : 10/11/2017 10:16 pm
Johnny Heredia Montiel
Respuestas: 20127
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola,

El código de la imágen que has definido no parece correcto, puedes cambiarla al 100% como te adjunto en captura.


 
Respondido : 10/11/2017 11:10 pm
 RAUL
Respuestas: 34
Eminent Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola de nuevo ya funciona fallo mio tenía el el codigo en global.css del otro post, y no habia puesto el que me dijo en este hilo que parecian iguales pero son diferentes, además de las dimensiones de la imagen, un saludo y gracias.


 
Respondido : 11/11/2017 10:27 am
Pepe
 Pepe
Respuestas: 42275
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola Raul

Genial !!! me alegra que lo solucionaras :cheer:
Ya sabes, cualquier duda que tengas nos encontraras pro aquí. 😉

Cerramos el tema.

Un saludo


 
Respondido : 11/11/2017 10:37 am