Mettre le slider à 100% sur la page d’accueil de Prestashop 1.7

0
2500

C’est bien connu le thème par défaut de Prestashop ne correspond pas toujours aux besoins spécifiques de chaque projet. L’un des éléments d’une boutique Prestashop qui suscite des désirs de personnalisation est le Slider de la page d’accueil. On peut le comprendre car c’est l’un des encarts les plus imposants et important lorsqu’un visiteur arrive sur votre boutique en ligne, il est d’autant plus important car il relaye et donne accès à des sous partis de votre site qui peuvent être stratégique selon l’activité commerciale de votre entreprise.

Dans cet article nous vous livrons la méthode pour mettre votre diaporama de la page d’accueil Prestashop sur toute la largueur de la page d’accueil de votre boutique. C’est parti !

La solution que nous vous proposons est basée sur le CSS

  • Trouver d’abord le fichier custom.css, il se trouve généralement dans le répertoire suivant : /www/RepertoireInstallationPrestashop/themes/child_classic/assets/css/custom.css
  • Ouvrez le fichier custom.css, et identifier le code suivant : body.page-index #wrapper .container
  • Changer le max-width à 100% et le width à 100%. Votre code final devrait ressembler à ça !
body.page-index #wrapper .container {
max-width: 100%;
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;
}

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici