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

 Mettre sa boutique en maintenance et accéder à sa boutique  | Prestashop 1.6 et 1.7
views 5258
 Lorsque vous désirez effectuer de grands changements sur votre boutique, je vous conseille de mettre votre boutique en maintenance c'est à dire de signaler à vos clients que votre site  est temporairement inaccessible. Vous seul aurez accès à votre boutique pour voir les changements. Si vous travaillez en local, le mode maintenance est inutile dans la mesure où les internautes n'y ont pas accès...
Quelques astuces pour vous aider à créer un site e-commerce avec Prestashop
views 1111
 Créer son site e-commerce avec Prestashop n'est pas toujours facile. Je mettrais régulièrement des documents que vous pourrez télécharger afin de mieux vous aidez dans la création de votre site e-commerce. Document 1 : Modèle de cahier des charges  Avant de se lancer dans l'aventure de l'e-commerce, il est très important de mettre par écrit un ensemble d'informations qui va vous aider pour la su...
Ajouter un accordéon dans une page cms | Astuce Prestashop 1.6
views 5779
 Grâce à ce tuto très simple, vous pourrez ajouter un accordéon dans votre page CMS Astuce Prestashop 1.6 ------------------------------------------------- Solution 1 (ne fonctionne pas toujours) 1) Une fois sur la page cms, cliquez sur l'icône source code 2. Insérez le code suivant 3 Enregistrer et visualiser Solution 2 1) Une fois sur la page cms, cliquez sur l'icô...
Afficher les sous-catégories sur la page catégorie | Prestashop 1.7
views 10450
 Vous l'avez peut-être constaté mais sur la version Prestashop 1.7, les sous-catégories ne s'affichent pas sur les pages catégories comme sur Prestashop 1.6. Voici un petit tutoriel, qui vous permettra de les faire apparaître rapidement. Comment insérer les sous-catégories sur la page catégorie ? Etape 1: Ouvrir le fichier category.tpl qui se situe dans ../themes/nomdevotretheme/templates/cata...
Gratuit : template facture et bon de livraison | Astuce Prestashop 1.6
views 24106
 On ne va pas se le cacher, la mise en page des pdf des factures et bons de livraison, n'est vraiment pas top. Je vous propose donc une nouvelle mise en page dont vous pourrez télécharger les fichiers gratuitement. Cette astuce Prestashop est valable pour la version 1.6 et 1.5 Note : il existe un bug dans la version 1.6.1.5. Si vous avez une page blanche lorsque vous désirez téléch...

5 réponses à “Prestashop 1.6 | Slider sur toute la largeur sur votre page d’accueil”

  1. Bornette dit :
    22 janvier 2016 à 15 h 10 min

    Tuto très clair, merci !

  2. Azufel dit :
    3 avril 2016 à 16 h 36 min

    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 🙂

  3. c_majory dit :
    4 avril 2016 à 19 h 31 min

    Bonjour,

    La comme çà, je peux pas vous dire… vous avez une url ?

  4. Nathalie dit :
    7 avril 2016 à 11 h 13 min

    Bonjour,

    Ce tuto, hyper clair fonctionnait très bien en local mais sur mon espace de développement, impossible de mettre le slide sur toute la longueur.
    Je suis sur presta 1.6.1.4
    Une idée ?
    http://dev.unmonde-montagnes.com/

    Merci pour le retour 😉
    Nath

  5. c_majory dit :
    9 avril 2016 à 12 h 50 min

    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 e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *