Jump to content

Slider no se muestra responsive - Prestashop 1.6 - No es la plantilla por defecto


Recommended Posts

Hola,

 

Como podéis ver AQUÍ, el slider en la versión móvil no se muestra responsive, dejando una imagen deformada. El módulo utilizado es el propio de Prestashop, homeslider, lo he desinstalado y vuelta a instalar pero sigue sin mostrármelo bien.

 

¿Cómo podría solucionarlo?

 

Gracias, saludos.

Edited by nadie
Moderación del foro edita el título del tema para ser más descriptivo con la duda (see edit history)
Link to comment
Share on other sites

Hola,

Podrías modificar el archivo /a_pruebas_capricho/js/jquery/plugins/bxslider/jquery.bxslider.css y añadir un height: auto a .bx-wrapper img, de modo que quedaría así:

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

Una vez hechos los cambios, limpia la caché. :)

Link to comment
Share on other sites

hace 1 hora, webgama dijo:

Muchas gracias, lo he solucionado de la forma que indicabas.

 

Saludos.

El "height:auto" en la plantilla por defecto viene incluido en el fichero:

/themes/default-bootstrap/css/modules/homeslider/homeslider.css


 

Adjunto Captura

cadfg.thumb.png.507c17790a5a59ebd05d53986e4e7a7e.png

En cambio en tu fichero:

 

/themes/ap_shopping/css/modules/homeslider/homeslider.css

No veo esto:

 

#homepage-slider .bx-wrapper img {
    height: auto;
}

 

Si bien es cierto que has añadido ahora el heigth: auto.. en el: 

/js/jquery/plugins/bxslider/jquery.bxslider.css

 

Dentro de: 

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

 

Por lo que he visto en tu web

Adjunto Captura

tuweb.thumb.png.c770ac15231faf9db467ecf7df266f38.png

Mi recomendación es que "aunque" te funcione, quites lo que has añadido del "height:auto !important" (solo quita lo que has añadido, lo otro déjalo como estaba) en el otro lado y añadas solo lo que te he dicho en el sitio que te he dicho xD

 

Edited by nadie (see edit history)
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...