{"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 Ajouter un fichier audio sur les page cms | Astuce Prestashop 1.6
views 1160<\/div><\/a>\n\t\t\t\t\t\t\t\tVous avez peut-\u00eatre essay\u00e9 d'ins\u00e9rer un fichier audio dans vos pages cms mais sans succ\u00e8s ?\r\n\r\nVoici un petit tuto rapide (3 \u00e9tapes) qui vous le permettra\r\n\r\n\r\n\u00c9tape 1\u00a0: \r\nOuvrir le fichier config.php dans admin\/filemanager\/config\/config.php\r\n\r\nRemplacer\u00a0le code suivant\r\n\r\nPar\r\n\r\n\u00c9tape 2 :\r\nAllez dans le dossier \u00a0admin\/filemanager. Ici on va s'occuper de deux fichiers : plugin.min.js et plugin.js\r...<\/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 Gratuit : Template Mails | Astuce Prestashop 1.6
views 3702<\/div><\/a>\n\t\t\t\t\t\t\t\tJe vous propose une nouvelle mise en page plus minimaliste pour les mails. Le fichier comprend la version anglaise et fran\u00e7aise. Vous pouvez t\u00e9l\u00e9charger les templates gratuitement.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6 et 1.5\r\n\r\n\r\n1)\u00a0Exemple de mails\u00a0\r\n\r\n\r\n\u00a0A noter :\r\n\r\n- Il est possible de modifier le contenu des mails. Pour cela il faut aller dans Localisation > Traductio...<\/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 Conna\u00eetre les modules de la page d\u2019accueil | Astuce Prestashop 1.6
views 17533<\/div><\/a>\n\t\t\t\t\t\t\t\tVous avez install\u00e9 votre boutique Prestashop 1.6 et d\u00e9sirez modifier votre page d'accueil ?\u00a0Ce petit tuto va vous aider \u00e0 le faire en indiquant le nom du module que vous devez utiliser pour modifier votre slider, votre menu....\u00a0Ils sont facilement accessibles depuis votre back-office PrestaShop en cliquant sur l\u2019onglet \u00ab Modules et services \u00bb.\r\n\r\nSi vous d\u00e9sirez aussi modifier le fichier tpl ou cs...<\/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 Mettre une page cat\u00e9gorie comme page d\u2019accueil | Astuce Prestashop 1.6
views 2156<\/div><\/a>\n\t\t\t\t\t\t\t\tCe petit tuto va vous permettre de transformer votre page cat\u00e9gorie en page d'accueil.\r\n\r\nCette petite astuce Prestashop est valable pour la version \u00a01.5 et 1.6\r\n\r\n\r\n\r\n1) Ouvrez le fichier\u00a0IndexController.php qui se situe dans\u00a0controllers\/front\/IndexController.php\r\n\r\n1.1 - Modifier \"extends\"\r\n\r\nRemplacer\r\n\r\nPar\r\n\r\n-----------\r\n\r\n1.2 - \u00a0Afin de d\u00e9finir la cat\u00e9gorie que vous d\u00e9sirez en page d'accuei...<\/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 Le nouveau menu du back-office de Prestashop 1.7 \u2013 Partie 2
views 5612<\/div><\/a>\n\t\t\t\t\t\t\t\tPour rappel,\u00a0le\u00a0menu du back-office de Prestashop 1.7 est organis\u00e9 en\u00a03 parties\u00a0:\r\n\r\n \tVendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)\u00a0\r\n \tPersonnaliser qui regroupe les modules, le design, le transport, le paiement et l\u2019international\r\n \tConfigurer\u00a0qui regroupe les pr\u00e9f\u00e9rences et les param\u00e8tres avanc\u00e9s.\r\n\r\n\r\n\r\nDans cet article, nous allons ...<\/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}]}}