{"id":161,"date":"2014-12-14T18:55:28","date_gmt":"2014-12-14T18:55:28","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=161"},"modified":"2017-01-23T18:30:37","modified_gmt":"2017-01-23T18:30:37","slug":"bouton-suivantprecedent-sur-la-page-produit","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/bouton-suivantprecedent-sur-la-page-produit\/","title":{"rendered":"Bouton Suivant\/Pr\u00e9cedent sur la page produit |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Voici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit<\/p>\n<p><strong><strong>Cette astuce Prestashop est valable pour la version <\/strong>1.5 et 1.6<\/strong><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant :<\/p>\n<pre class=\"lang:default decode:true \">&lt;?php\r\nclass Product extends ProductCore\r\n{\r\n\tpublic function getAdjacentProducts()\r\n\t{\r\n\t\t\/\/get the current position in the product's default category\r\n\t\t$position  = Db::getInstance()-&gt;getValue('SELECT position FROM '._DB_PREFIX_.'category_product WHERE id_product = ' . (int)$this-&gt;id . ' AND id_category = ' . (int)$this-&gt;id_category_default);\r\n\r\n\t\t\/\/ var_dump($position);\r\n\t\t\/\/ get products that are before and after\r\n\t\t\r\n\t\t$previous = Db::getInstance(_PS_USE_SQL_SLAVE_)-&gt;getRow('\r\n\t\t\tSELECT cp.id_product, pl.link_rewrite, cp.position, pl.name\r\n\t\t\tFROM '._DB_PREFIX_.'category_product cp\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product_lang pl ON (cp.id_product = pl.id_product)\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product p ON (cp.id_product = p.id_product)\r\n\t\t\tWHERE p.id_category_default = '.(int)$this-&gt;id_category_default.' AND (cp.position &lt; '. (int)($position ) .' ) AND cp.id_category = ' . (int)$this-&gt;id_category_default .' AND pl.id_lang = '.(Context::getContext()-&gt;language-&gt;id).'\r\n\t\t\tORDER BY cp.position DESC');\r\n\r\n\t\t$next = Db::getInstance(_PS_USE_SQL_SLAVE_)-&gt;getRow('\r\n\t\t\tSELECT cp.id_product, pl.link_rewrite, cp.position, pl.name\r\n\t\t\tFROM '._DB_PREFIX_.'category_product cp\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product_lang pl ON (cp.id_product = pl.id_product)\r\n\t\t\tLEFT JOIN '._DB_PREFIX_.'product p ON (cp.id_product = p.id_product)\r\n\t\t\tWHERE p.id_category_default = '.(int)$this-&gt;id_category_default.' AND (cp.position &gt; '. (int)($position ) .' ) AND cp.id_category = ' . (int)$this-&gt;id_category_default .' AND pl.id_lang = '.(Context::getContext()-&gt;language-&gt;id).'\r\n\t\t\tORDER BY cp.position ASC');\r\n\r\n\t\treturn array('previous' =&gt; $previous, 'next' =&gt; $next);\r\n\t}\r\n}<\/pre>\n<p><!--more--><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>2) Cr\u00e9ez un nouveau fichier qui se nommera ProductController.php dans override\/controllers\/front et ins\u00e9rez le code suivant :<\/p>\n<pre class=\"lang:default decode:true \">&lt;?php\r\n\r\nClass ProductController extends ProductControllerCore\r\n{\r\n\r\n\tpublic function initContent()\r\n\t{\r\n\r\n\r\n\t\t$adjacent_products = $this-&gt;product-&gt;getAdjacentProducts();\r\n\r\n\t\t$this-&gt;context-&gt;smarty-&gt;assign(array(\r\n\t\t\t'prev_product'=&gt; $adjacent_products['previous'],\r\n\t\t\t'next_product'=&gt; $adjacent_products['next']\r\n\t\t));\r\n\r\n\t\tparent::initContent();\r\n\t}\t\r\n}<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>3) Maintenant on va ajouter le boutton sur la page produit. Pour cela, ouvrez le fichier product.tpl qui se situe dans votre th\u00e8me et ins\u00e9rez le code suivant<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"product-navigation clearfix\" style=\"margin-bottom:20px\"&gt;\r\n\t{if $prev_product}\r\n\t\t&lt;a title=\"{$prev_product.name}\" class=\"btn btn-default\" href=\"{$link-&gt;getProductLink($prev_product.id_product, $prev_product.link_rewrite)}\"&gt;{l s='Previous Product'}&lt;\/a&gt;\r\n\t{\/if}\r\n\t{if $next_product}\r\n\t\t&lt;a title=\"{$next_product.name}\" class=\"btn btn-default\" style=\"float:right\"href=\"{$link-&gt;getProductLink($next_product.id_product, $next_product.link_rewrite)}\"&gt;{l s='Next Product'}&lt;\/a&gt;\r\n\t{\/if}\r\n&lt;\/div&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;-<br \/>\n<a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-170\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut.png\" alt=\"prevnext_tut\" width=\"893\" height=\"255\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut.png 893w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut-300x86.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/prevnext_tut-624x178.png 624w\" sizes=\"(max-width: 893px) 100vw, 893px\" \/><\/a><\/p>\n<p><em>Cette astuce est donn\u00e9e par Fabio Porta, <a href=\"http:\/\/blog.arvixe.com\/adding-previous-and-next-navigation-buttons-to-the-prestashop-product-page\/comment-page-1\/\">voir le site.<\/a><\/em><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/changer-nom-de-boutique-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-changer-nom-boutique-prestashop-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/changer-nom-de-boutique-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> O\u00f9 Changer le nom de sa boutique | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3803<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Si vous d\u00e9sirez modifier le nom de votre boutique sur le cms Prestashop, suivez ce petit tuto\r\n\r\nComment modifier le nom de sa boutique depuis le back-office de Prestashop ?\r\n\r\n \tConnectez-vous au back-office de Prestashop\r\n \tAllez dans Pr\u00e9f\u00e9rences > Coordonn\u00e9es et Magasins\r\n\r\n\r\n\r\n3. Il faut scroller un peu jusqu'\u00e0 \"Coordonn\u00e9es\"\r\n\r\n\r\n\r\nCette partie propose plusieurs r\u00e9glages :\r\n- Nom de la bout...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/tour-du-monde-du-m-shopping-infographie\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019\u00e9cran-2015-09-30-\u00e0-20.38.04-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/tour-du-monde-du-m-shopping-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Tour du monde du M-Shopping| Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 158<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par \u00a0Poulpeo, \u00a0met en avant le profil du\u00a0m-shoppeur en France et donne des chiffres cl\u00e9s sur l\u2019utilisation du mobile dans le monde lors du processus d\u2019achat.\r\n\r\nA noter :\u00a0\u00a0seulement 4% des Fran\u00e7ais ach\u00e8tent sur un mobile !\r\n\r\n\r\n\r\n\r\n\r\n\u00a0<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/56-programmes-de-fidelite-analyses-sous-forme-dinfographie\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019\u00e9cran-2015-08-27-\u00e0-15.50.50-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/56-programmes-de-fidelite-analyses-sous-forme-dinfographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 56 programmes de fid\u00e9lit\u00e9 analys\u00e9s sous forme d\u2019infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 404<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dia-Mart Consulting a r\u00e9alis\u00e9 une infographie mettant en avant\u00a0une \u00e9tude sur les programmes de fid\u00e9lit\u00e9 de 56 enseignes de distribution sp\u00e9cialis\u00e9e en France dans\u00a012 secteurs :grands magasins, \u00a0bazar, jouet, \u00e9lectro-domestique, bricolage, meuble, beaut\u00e9, sport, mode femme, mode homme, jardinerie et restauration.\r\n\r\n\r\n\r\n\r\n\r\n\u00a0<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-la-couleur-affecte-la-conversion\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/02\/how-colors-affect-conversion-rates-sm-300x187.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-la-couleur-affecte-la-conversion\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment la couleur affecte le taux de conversion  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 174<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par Kissmetrics , met en avant l\u2019importance du choix des couleurs pour am\u00e9liorer la conversion sur votre site e-commerce. En effet, les couleurs ont une grande importance psychologique sur le cerveau humain.\r\n\r\n---------\r\n\r\nVoici quelques donn\u00e9es qui ressortent de cette infographie :\r\n\r\n- 92,6 % des personnes d\u00e9clarent que l\u2019aspect visuel est le crit\u00e8re N\u00b0 1 pour prendr...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/petit-memo-sur-le-responsive-webdesign-infographie\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-memo-responsive-webdesign1-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/petit-memo-sur-le-responsive-webdesign-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Petit Memo sur le Responsive Webdesign | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 343<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Qu'est-ce qu'un site Internet responsive ? Pourquoi choisir un responsive webdesign ? Comment cela fonctionne t-il ? Quels sont les composants cl\u00e9s du webdesign responsive ?Toutes les r\u00e9ponses dans cette infographie\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<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Voici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit Cette astuce Prestashop est valable pour la version 1.5 et 1.6 &#8212;&#8212;&#8212;&#8212;&#8212;- 1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant : &lt;?php class Product extends ProductCore { [&hellip;]<\/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\/161"}],"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=161"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/161\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}