Cambiar altura del slider en Prestashop 1.7

En la pestaña Módulos -> Módulos -> Módulos Instalados, si buscamos el módulo:

ps_imageslider / carrusel de imágenes

Vemos que no tenemos ninguna opción de configuración para ajustar la altura del contenedor del slider en Prestashop 1.7 (Al menos en Prestashop 1.7.1.0 con la versión 2.0 del módulo)

¿Dónde se configura la altura del contenedor del Slider en Prestashop 1.7?

¿Dónde se configura la altura del contenedor del Slider en Prestashop 1.7?

Desde firebug / inspeccionar elemento, vemos que es debido a que la instrucción:

Altura del Slider en Prestashop 1.7

Altura del Slider en Prestashop 1.7

.carousel .carousel-inner tiene limitada el “height” (altura) a 340px;

Podríamos ir directamente al fichero:

/themes/classic/assets/css/theme.css

Y aunque podríamos modificar directamente la línea:

.carousel .carousel-inner {
height: 340px;
}

Lo que vamos hacer es añadir una nueva línea en el fichero en el fichero:

/themes/classic/assets/css/custom.css

.carousel .carousel-inner {
height: nueva_alturapx;
}

CSS personalizado en Prestashop 1.7

CSS personalizado en Prestashop 1.7

En nueva_altura, definimos el numero de pixeles que nosotros queremos definir para la altura del slider en Prestashop 1.7

 

Print Friendly
Hosting Prestashop

6 pensamientos en “Cambiar altura del slider en Prestashop 1.7

  1. Hols Víctor, que alegría encontrarte con tus siempre geniales explicaciones. Respecto a este tema del tamaño del slider he querido cambiarlo pero no encuentro el archivo custom.css. Mil gracias por tu ayuda.

  2. Hola!
    Sigo los pasos indicados y no noto nada de nada al cargar de nuevo mi tienda. La altura del carusell de imágenes sigue siendo la misma…me podeis ayudar??

    • ¿Has limpiado la cache de tu navegador?

      Realmente con esto cambias la altura del contenedor, mas que la altura del slider.

        • Se supone que la altura de la imagen que subas (la imagen que subes en modulos – modulos en la configuracion del slider) se respeta, pero que no se ve la imagen completa a nivel de altura (se ve cortada la altura), porque la altura del contenedor esta limitada, por eso se habla de cambiar la altura del contenedor.

          En este enlace del foro de Prestashop

          https://www.prestashop.com/forums/topic/608842-default-theme-ps-17-image-size/

          Se habla por ejemplo de:

          .carousel .carousel-inner{
          height:auto!important;
          }

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *