{"id":289,"date":"2015-01-19T13:24:08","date_gmt":"2015-01-19T13:24:08","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=289"},"modified":"2017-01-23T18:30:08","modified_gmt":"2017-01-23T18:30:08","slug":"slider-sur-toute-la-largeur-de-la-home","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/slider-sur-toute-la-largeur-de-la-home\/","title":{"rendered":"Prestashop 1.6 | Slider sur toute la largeur sur votre page d’accueil"},"content":{"rendered":"

Voici un tutorial qui va vous permettre d’afficher le slider de votre page d’accueil sur toute la largeur.<\/p>\n

Valable pour prestashop 1.6<\/strong><\/p>\n

A noter<\/strong> :\u00a0la largeur maximum de l’ensemble de votre contenu est 1170px.\u00a0 Si vous d\u00e9sirez afficher une photo correctement sur votre site, je vous conseille une largeur de 1170px. La hauteur est libre.<\/p>\n

Update<\/strong> : il se peut que ce tuto ne fonctionne pas. La nouvelle mise \u00e0 jour du module comporte un bug. Si vous allez dans votre base de donn\u00e9e \u00e0 la table ps_configuration, vous verrez que les lignes HOMESLIDER_WIDTH, \u00a0HOMESLIDER_HEIGHT…. \u00a0sont dupliqu\u00e9es.<\/p>\n

Deux solutions<\/strong> : soit vous installez une version pr\u00e9c\u00e9dente du module (celle de la version de prestashop 1.6.09) soit vous supprimez les lignes dupliqu\u00e9es dans la base \u00a0de donn\u00e9e (attention pensez \u00e0 faire une sauvegarde)<\/p>\n

1) D\u00e9sactiver le hook des deux banni\u00e8res<\/h1>\n

Les deux banni\u00e8res (\u00e0 droite de votre slider)\u00a0 se situent dans le module \u00ab\u00a0configurateur de th\u00e8me\u00a0\u00bb. Attention<\/strong>, il ne faut pas supprimer le module, il faut juste d\u00e9sactiver les banni\u00e8res de l’ hook nomm\u00e9 displayTopColumn.<\/p>\n

Pour cela, allez dans modules > positions, dans la liste, cherchez displayTopColum (normalement c’est le dernier). A c\u00f4t\u00e9 du titre \u00ab\u00a0configurateur de th\u00e8me\u00a0\u00bb, cliquez sur Modifier > D\u00e9greffrer<\/p>\n

\"slider<\/a><\/p>\n

<\/p>\n

2) Supprimer les deux banni\u00e8res dans configurateur de th\u00e8me<\/h1>\n

Pour cela, allez dans modules > modules > Configurateur de th\u00e8me<\/p>\n

\"Configurateur<\/a><\/p>\n

Puis scrollez la page jusqu’\u00e0 Point d’accroche \u00ab\u00a0Top\u00a0\u00bb. Et l\u00e0 vous pouvez supprimer les deux banni\u00e8res.<\/p>\n

\"Point<\/a><\/p>\n

3) Maintenant il va falloir changer la taille de l’image du slider<\/h1>\n

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

\"Diaporama<\/a><\/p>\n

Dans l’onglet param\u00e8tre >Largeur maximale de l’image mettre le chiffre 1170 \u00e0 la place de 799 (premi\u00e8re ligne)<\/p>\n

\"Largeur<\/a><\/p>\n

 <\/p>\n

Voil\u00e0 le r\u00e9sultat :<\/h4>\n

\"Capture<\/a><\/p>\n

Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Comment les Hashtags Facebook peuvent-ils aider vos actions marketing ?
views 181<\/div><\/a>\n\t\t\t\t\t\t\t\t1) Comment utiliser les hashtags ?\r\n\r\nLes hashtags transforment les sujets et les locutions en liens cliquables \u00e0 l\u2019int\u00e9rieur des publications de votre journal ou de votre Page. Ils aident les utilisateurs \u00e0 trouver des publications portant sur des sujets qui les int\u00e9ressent. Pour cr\u00e9er un hashtag, tapez # (le symbole di\u00e8se) imm\u00e9diatement suivi d\u2019un sujet ou d\u2019une locution, puis ajoutez-le \u00e0 votre...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Comment cr\u00e9er des pages produit qui convertissent sur son e-commerce ?
views 319<\/div><\/a>\n\t\t\t\t\t\t\t\tLa page produit est une page importante \u00e0 prendre \u00e0 compte. Il ne faut pas oublier de les optimiser afin d'augmenter vos conversions\r\n\r\nCette infographie, r\u00e9alis\u00e9e par\u00a0Content Square,\u00a0montre comment optimiser l'ergonomie et le design, comment rendre la page plus performante, et comment la personnaliser.\r\n\r\n\r\n\r\n<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Shopping Mobile en 2014 et les pr\u00e9visions de 2015
views 109<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, publi\u00e9e par RetailMeNot, analyse le m-commerce en Europe et en Am\u00e9rique du Nord en 2014 et donne ses pr\u00e9visions pour 2015 .\r\n\r\n1) Les consommateurs de plus en plus mobiles\r\n\r\nOn peut noter que\u00a0 les Su\u00e9dois (75%) et les Britanniques (74%) sont les champions en mati\u00e8re de smartphone, alors que les Fran\u00e7ais (55%) sont l\u00e9g\u00e8rement en dessous de la moyenne par rapport aux\u00a0 8 pays euro...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t 5 profils de cyberconsommateurs
views 363<\/div><\/a>\n\t\t\t\t\t\t\t\tSoon Soon Soon a d\u00e9crypt\u00e9 cinq profils de shoppers :\r\n\r\n- le \"Vigi-Shopper\" ou le watcher qui repr\u00e9sente 35% de la population\r\n\r\n- le \"Slow-Shopper\" ou le careshopper qui repr\u00e9sente 14% de la population\r\n\r\n- le \"Social-Shopper\" ou l'influenceur qui repr\u00e9sente 7% de la population\r\n\r\n\r\n\r\n- \"l'Emo-shopper\" ou le \"Whaou-addict\" qui repr\u00e9sente 12% de la population\r\n\r\n- l'Alter-Shopper ou le norm-cor qu...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t G\u00e9rer les paniers abandonn\u00e9s | Astuce Prestashop 1.6
views 5844<\/div><\/a>\n\t\t\t\t\t\t\t\tQu'est ce qu'un panier abandonn\u00e9 ?\u00a0\r\nL\u2019abandon de panier, \u00a0c\u2019est lorsque l\u2019un de vos internautes ne finalise pas le processus de commande, apr\u00e8s avoir ajout\u00e9 un ou plusieurs produits dans le panier et cliqu\u00e9 sur\u00a0le bouton \"commander\".\r\n\r\nUn internaute peut d\u00e9cider d'arr\u00eater sa commande \u00e0 n'importe quelle \u00e9tape du processus: cr\u00e9ation de compte, choix de livraison, paiement....\r\n\r\nO\u00f9 consulter la li...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n<\/div> ","protected":false},"excerpt":{"rendered":"

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 :\u00a0la largeur maximum de l’ensemble de votre contenu est 1170px.\u00a0 Si vous d\u00e9sirez afficher une photo correctement sur votre site, je vous conseille une largeur de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/289"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/289\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}