{"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 Les r\u00e9seaux sociaux et le hashtag
views 272<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par QuickSprout, montre comment utiliser correctement le hashtag sur les r\u00e9seaux sociaux\r\n1) Qu'est qu'un hashtag\r\nLa d\u00e9finition donn\u00e9e par Facebook sur sa documentation : Les hashtags permettent de transformer des sujets de discussion et des locutions en liens \u00ab cliquables \u00bb dans des publications sur votre journal personnel ou votre Page. Ils permettent de trouver plus...<\/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 E-commerce 2014 : le r\u00e9sum\u00e9
views 134<\/div><\/a>\n\t\t\t\t\t\t\t\tQuelques chiffres.....\u00a0\r\n\r\n- 35 millions de e-shoppers en France\r\n\r\n- 19% des ventes fran\u00e7aises proviennent d\u00e9sormais du e-commerce.\r\n\r\n- 57% des marchands fran\u00e7ais se sont tourn\u00e9s vers l\u2019international cette ann\u00e9e. \r\n\r\n- Le m-commerce quant \u00e0 lui a connu une \u00e9volution de +47% sur l\u2019ann\u00e9e.\r\n\r\n\r\n\r\n\r\n\r\nBilan de la FEVAD sur l\u2019ann\u00e9e 2014.\r\n\r\n1) Le nombre de site marchands actif a augment\u00e9 passant de 1...<\/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 7 ingr\u00e9dients pour une landing page r\u00e9ussie | E-commerce
views 397<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9 par\u00a0Raffles Media, met en avant 7 astuces qui va vous aider \u00e0 optimiser votre trafic\r\nQu'est une landing page ?\u00a0\r\nAussi connu sous le terme de \"page d'atterrissage\", il s'agit tout simplement de la page qui va accueillir le visiteur lors de sa visite sur votre site web.\r\nComment l'optimiser au mieux ?\u00a0\r\nD\u00e9sol\u00e9e de vous le dire mais aucune landing page est parfaite. Il ex...<\/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 Les 10 Commandements en Typographie
views 540<\/div><\/a>\n\t\t\t\t\t\t\t\tVous allez commencer un nouveau site o\u00f9 vous d\u00e9sirez faire une refonte, vous allez alors certainement passer par l'\u00e9tape : \u00a0quelle police de caract\u00e8res vais-je utiliser.\r\n\r\nAvant de commencer vos recherches, n'h\u00e9sitez pas \u00e0 regarder cette illustration \u00a0(r\u00e9alis\u00e9e par DM DesignMantic) qui vous \u00e9vitera de faire des erreurs.\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 Afficher le champ adresse sur plusieurs lignes | Bloc contact infos \u2013 Astuce Presta...
views 1142<\/div><\/a>\n\t\t\t\t\t\t\t\tCette astuce Prestashop est valable pour la version 1.6\r\n\r\nVous l'avez s\u00fbrement remarqu\u00e9, en bas de page, l'adresse de votre magasin est sur une seule ligne.\r\n\r\n\r\n\r\nCe rapide tutoriel va vous permettre d'afficher le champ adresse sur plusieurs lignes\r\n\r\n\r\n\r\nValable pour Prestashop 1.6 et 1.5\r\n\r\n-----------------------------------\r\n\r\n1) Pour ins\u00e9rer les informations de votre boutique, il faut aller...<\/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}]}}