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 les fournisseurs sur les pages produits | Astuce Prestashop 1.6
views 2949
Ce tuto va vous expliquer comment insérer les fournisseurs dans la page produit dans la version Prestashop 1.6 A) Mettre le nom du fournisseur avec le lien sur votre page produit Ajouter les lignes suivantes dans le fichier product.tpl qui se situe dans votre thème à l'endroit à vous désirez que le fournisseur apparaisse :  Résultat :  B) Mettre le logo du fournisseur avec le lien ...
Ajouter « produit deja acheté » sur la page produit | Prestashop 1.6
views 848
Aujourd'hui, nous allons voir comment ajouter la notification "Produit déjà acheté le ....." sur la page produit. Cette astuce (donnée par Nemops) est valable pour Prestashop 1.6. Très rapide à mettre en place. --------------------------------------------------------------- Dans ce tutorial, nous allons "overrider" les fichiers. Si vous upgradez Prestashop, les fichiers modifiés n...
Configurer le moteur de recherche – Prestashop 1.7
views 8307
Le tutoriel d'aujourd'hui va vous permettre de configurer le moteur de recherche internet de votre boutique Prestashop 1.7 et ainsi de rendre visible vos produits lorsque qu’un client effectuera une recherche. Tout d'abord, connectez à votre back-office et dans le menu de gauche, sélectionnez Configurer -> Paramètres de la boutique -> Rechercher. Vous arrivez sur une page qui vous ...
Comment créer une fiche Produit sur Prestashop 1.7
views 10399
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 totalement de Prestashop 1.6. Elle a été totalement repensée afin de la rendre plus allégée et plus facile d’utilisation. Etant encore en cours de développement, les traductions ne sont pas encore finies et il reste encore des soucis de mise en page. ...
Afficher les disponibilités sur la liste de produits | Astuce Prestashop 1.6
views 3594
Ce tutorial va vous permettre d'afficher les disponibilités (en stock....) sur la liste des produits du bloc Populaire , Nouveaux Produits, Meilleures Ventes ...., Cette astuce Prestashop est valable pour la version 1.6 ------------------------------- 1) Modification du fichier product-list.tpl. Ouvrez le fichier product-list qui se situe à l'intérieur de votre thème est inséré le code...

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

  1. Bornette dit :

    Tuto très clair, merci !

  2. Azufel dit :

    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 :

    Bonjour,

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

  4. Nathalie dit :

    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 :

    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 *