Prestashop 1.6 | Slider sur toute la largeur sur votre page d’accueil

Voici un tutorial qui va vous permettre d’afficher le slider de votre page d’accueil sur toute la largeur.

Valable pour prestashop 1.6

A noter : la largeur maximum de l’ensemble de votre contenu est 1170px.  Si vous désirez afficher une photo correctement sur votre site, je vous conseille une largeur de 1170px. La hauteur est libre.

Update : il se peut que ce tuto ne fonctionne pas. La nouvelle mise à jour du module comporte un bug. Si vous allez dans votre base de donnée à la table ps_configuration, vous verrez que les lignes HOMESLIDER_WIDTH,  HOMESLIDER_HEIGHT….  sont dupliquées.

Deux solutions : soit vous installez une version précédente du module (celle de la version de prestashop 1.6.09) soit vous supprimez les lignes dupliquées dans la base  de donnée (attention pensez à faire une sauvegarde)

1) Désactiver le hook des deux bannières

Les deux bannières (à droite de votre slider)  se situent dans le module “configurateur de thème”. Attention, il ne faut pas supprimer le module, il faut juste désactiver les bannières de l’ hook nommé displayTopColumn.

Pour cela, allez dans modules > positions, dans la liste, cherchez displayTopColum (normalement c’est le dernier). A côté du titre “configurateur de thème”, cliquez sur Modifier > Dégreffrer

slider sur toute la largeur

2) Supprimer les deux bannières dans configurateur de thème

Pour cela, allez dans modules > modules > Configurateur de thème

Configurateur de thème

Puis scrollez la page jusqu’à Point d’accroche “Top”. Et là vous pouvez supprimer les deux bannières.

Point d'accroche Top

3) Maintenant il va falloir changer la taille de l’image du slider

Pour cela, il faut aller dans modules > modules > Diaporama (image slider) pour votre page d’accueil. Cliquez sur configurer :

Diaporama (image slider) pour votre page d'accueil.

Dans l’onglet paramètre >Largeur maximale de l’image mettre le chiffre 1170 à la place de 799 (première ligne)

Largeur maximale de l'image

 

Voilà le résultat :

Capture d’écran 2015-01-19 à 14.13.42

Articles similaires

Afficher le champ adresse sur plusieurs lignes | Bloc contact infos – Astuce Presta...
views 886
Cette astuce Prestashop est valable pour la version 1.6 Vous l'avez sûrement remarqué, en bas de page, l'adresse de votre magasin est sur une seule...
Bug Google MAP – Petit problème… | Prestashop 1.6
views 3638
Vous êtes sur Prestashop 1.6 et la carte Google MAP, ne s'affiche pas sur la page "magasins" ? Voici un tutoriel qui va permettre de régler ce peti...
Optimisez le sitemap de votre boutique | Astuce Prestashop 1.6
views 2485
Qu'est ce qu'un sitemap ?  Un sitemap est un fichier qui contient une liste enrichie d'URLs internes à un site web. Ce fichier est au format XML. Il ...
Comment paramétrer la devise dans Prestashop 1.6 & 1.7
views 5394
Par rapport à Prestashop 1.6, la création d’une devise dans Prestashop 1.7 a été grandement simplifiée. Par exemple les champs: code ISO et  ISO code ...
Lutte contre la fraude à la TVA et PrestaShop
views 961
Depuis le 1er janvier 2018, l'article 88 de la loi n° 2015-1785 du 29 décembre 2015 de finances pour 2016 prévoit l'obligation pour les assujettis à l...
Savoir si votre module est fiable pour Prestashop
views 261
Il existe aujourd'hui de nombreux modules (gratuits ou payants) et certains d'entre-eux peuvent avoir un impact négatif sur votre boutique (bug, lente...
Comment créer une fiche Produit sur Prestashop 1.7
views 6740
Dans ce tutoriel, nous allons voir comment créer une fiche produit dans Prestashop 1.7. Comme vous pourrez le constater, cette page diffère totalem...
Modifier l’arrière-plan de votre boutique Prestashop 1.7
views 6299
Dans ce tutorial, nous allons voir comment modifier les couleurs de fond de votre boutique en ligne Prestashop 1.7. Tout se passe à l'intérieur des co...
Désactiver “Suivez le guide : découvrez PrestaShop “
views 244
Vous en avait marre de voir la bannière "Suivez le guide : découvrez PrestaShop ", sur vos pages ? Dans ce cas, suivez ce tuto Comment dés...
Gratuit : Template Mails | Astuce Prestashop 1.6
views 2865
Je vous propose une nouvelle mise en page plus minimaliste pour les mails. Le fichier comprend la version anglaise et française. Vous pouvez télécharg...
  1. Azufel

    J’ai suivi le tuto mais ça ne fonctionne pas chez moi. Je suis allée voir sur ma BDD mais les lignes indiquées ne sont pas dupliquées !!
    Du coup je ne sais pas trop comment faire, si vous avez une idée 🙂

  2. c_majory Auteur de l’article

    Bonjour

    En fait, en voyant comme cela je remarque divers soucis :
    – en gardant les trois images sur le coté, vous empêchez le slider de prendre toute la place,
    – j’ai l’impression que dans le back-office de prestashop, le slider est configuré à 779px et non 1040px
    – dans le code css, j’ai l’impression aussi d’avoir un max-width pour le slider

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *