Carrusel - Full Width

[Skarlet]

Hola compañeros

Quería consultarles si alguno ha hecho de que el carrusel ocupe el 100% de la pagina, y no como esta ahora y claro esta?

Saludos

[Luisejo]

Hola Skarlet.

Para poder ayudarte por favor indícanos tu versión de Prestashop y a poder ser pásanos también la URL de tu tienda para que podamos pegarle un vistazo al CSS de tu plantilla.

Saludos!

[nadie]

9 hours ago, Skarlet said:

Hola compañeros

Quería consultarles si alguno ha hecho de que el carrusel ocupe el 100% de la pagina, y no como esta ahora y claro esta?

Saludos

Si usas Prestashop 1.7 con la plantilla por defecto, revisa este tutorial: https://belvg.com/blog/how-to-create-a-full-width-slider-in-prestashop-1-7.html

Si usas Prestashop 1.6, tienes en la misma web otro tutorial mas antiguo: https://belvg.com/blog/how-to-create-full-width-image-slider-in-prestashop-1-6.html

Saludos,

[Skarlet]

On 5/12/2017 at 2:41 AM, nadie said:

Si usas Prestashop 1.7 con la plantilla por defecto, revisa este tutorial: https://belvg.com/blog/how-to-create-a-full-width-slider-in-prestashop-1-7.html

Si usas Prestashop 1.6, tienes en la misma web otro tutorial mas antiguo: https://belvg.com/blog/how-to-create-full-width-image-slider-in-prestashop-1-6.html

Saludos,

 

Hola @nadie

Gracias por la información que me pasaste... no se si tu lo has visto, estuve viendo eso  y lo que este caballero pone pues no funcionó porque pone pues casi lo mismo que viene el el CSS, este es el codigo que el pone

body.page-index #wrapper .container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text{
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text{
max-width: 940px;
}
}
@media (min-width: 1200px) {
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text{
max-width: 1140px;
}
}
@media (max-width: 991px) {
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text{
max-width: 100%;
}
}

Como ves en el esta parte el max-width apenas es de 1140 px; y logicamente eso no va abarcar todo al ancho y tampoco esta modificando la clase del container

@media (min-width: 1200px) {
body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text{
max-width: 1140px;
}

Yo cambié eso por esto otro  y listo me funcionó bien, ya me abarca todo el ancho... lo que no estoy completamente seguro en el 1349px que le puse porque es el mismo que tiene el contenedor de arriba, como lo vez?

@media (min-width:1200px){.container{width:1349px;max-width:100%[spam-filter]