{"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\/reussir-les-tests-dab-testing-grace-aux-donnees-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-06-08-\u00e0-20.25.59-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\/reussir-les-tests-dab-testing-grace-aux-donnees-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> R\u00e9ussir les tests d\u2019A\/B testing gr\u00e2ce aux donn\u00e9es | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 171<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >1) Qu'est ce que l'A\/B testing\r\nIl s\u2019agit simplement de tester plusieurs versions de vos pages pour savoir laquelle d\u2019entre-elles donne les meilleurs r\u00e9sultats : plus de ventes, plus d\u2019inscriptions, plus de clics, etc\u2026\r\n2) Voici les astuces abord\u00e9es dans\u00a0cette infographie pour collecter les donn\u00e9es \u00a0et d\u00e9finir un plan d'action\r\n\r\n\t1) Analyse heuristique : \u00c9value les exp\u00e9riences du contenu et de l'...<\/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\/6-tendances-webdesign-pour-2015\/\" 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\/03\/header-tendances-web-design-2015-300x187.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\/6-tendances-webdesign-pour-2015\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 6 tendances webdesign pour 2015  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 128<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie,\u00a0r\u00e9alis\u00e9e par l\u2019agence TisIndia,\u00a0pr\u00e9sente\u00a06 tendances webdesign\u00a0pour 2015.\r\n\r\n1) Le Responsive Design (indispensable en 2015 et dans les ann\u00e9es \u00e0 venir).\r\n2) La Typographie (les polices de caract\u00e8res seront simples, il faudra donc\u00a0privil\u00e9gier les \u00absans-s\u00e9rifs).\r\n3) Les Images\u00a0(plus vos images seront grandes et nettes plus elles\u00a0inciteront les internautes \u00e0 rester. Attention \u00e0 la ...<\/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\/infographie-tout-ce-quil-faut-savoir-sur-le-referencement-naturel\/\" 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.56.56-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\/infographie-tout-ce-quil-faut-savoir-sur-le-referencement-naturel\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Infographie : tout ce qu\u2019il faut savoir sur le r\u00e9f\u00e9rencement naturel  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 187<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9 par SeoMix, met en avant les points important pour am\u00e9liorer votre r\u00e9f\u00e9rencement naturel :\r\n\r\n\r\n\r\n Les conseils SEO 2015 de l'agence SeoMixwww.seomix.fr<\/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\/les-tendances-e-commerce-de-2015-en-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\/2015\/02\/Fr-Infographie-ecommerce-20151-300x187.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\/les-tendances-e-commerce-de-2015-en-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> LES TENDANCES E-COMMERCE DE 2015 EN INFOGRAPHIE  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 223<\/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 Webloyalty, met en avant\u00a0 les tendances du e-commerce en France en 2015.\r\n\r\nQuelques chiffres :\r\n\u2013 8 Fran\u00e7ais sur 10 feront leurs achats en ligne,\r\n\u2013 81% d\u2019entre eux ach\u00e8teront au moins 1 fois tous les deux mois sur un site e-commerce,\r\n\u2013 38% des Fran\u00e7ais pr\u00e9voient de d\u00e9penser entre 100\u20ac et 500\u20ac en ligne et 16% moins de 100\u20ac. Par rapport \u00e0 2014, 58% pr\u00e9voient de d\u00e9p...<\/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\/4-combinaisons-typographies-elegantes-et-feminines-gratuites-du-web\/\" 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\/03\/PlayballPT-sans-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\/4-combinaisons-typographies-elegantes-et-feminines-gratuites-du-web\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 4 combinaisons typographiques \u00e9l\u00e9gantes et f\u00e9minines gratuites pour vos sites web  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2859<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un exemple de 4 combinaisons \u00e9l\u00e9gantes et f\u00e9minines que vous pouvez utiliser pour votre site internet\r\n\r\nVous pouvez les trouver sur le site de Google Fonts\r\n\r\nCombinaison 1 : Josefin Sans + Merriweather\r\n\r\n\r\n\r\nCombinaison 2 : Playfair Display + Lora\r\n\r\n\r\n\r\n\r\n\r\nCombinaison 3 : Old Standard + Gudea\r\n\r\n\r\n\r\nCombinaison 4 : Playball + PT sans\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}]}}