{"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\/les-fonctionnalites-de-prestashop-pour-les-e-commercants\/\" 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\/2021\/01\/fonctionnalites-commerc\u0327ants-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\/les-fonctionnalites-de-prestashop-pour-les-e-commercants\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les fonctionnalit\u00e9s de PrestaShop pour les e-commer\u00e7ants  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 766<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >PrestaShop propose un grand nombre de fonctionnalit\u00e9s afin que vous puissiez construire, g\u00e9rer et promouvoir site de commerce votre site e-commerce de la meilleure fa\u00e7on, le tout gratuitement.\r\n\r\nVoici une liste de ces diff\u00e9rentes fonctionnalit\u00e9s :\r\n\r\n\r\nGESTION DE PRODUITS\r\n\r\n\u2014 Nombre illimit\u00e9 de produits\r\n\r\n\u2014 Nombre illimit\u00e9 de cat\u00e9gories et de sous cat\u00e9gories\r\n\r\n\u2014 Nombre illimit\u00e9 d'attributs (ta...<\/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\/modifier-larriere-plan-de-boutique-prestashop-1-7\/\" 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\/2017\/05\/bg_prestashop1.7-thumb-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\/modifier-larriere-plan-de-boutique-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Modifier l\u2019arri\u00e8re-plan de votre boutique Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 9712<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tutorial, nous allons voir comment modifier les couleurs de fond de votre boutique en ligne Prestashop 1.7. Tout se passe \u00e0 l'int\u00e9rieur des codes.\r\n\r\n1) Haut de page\r\n 2) Contenu\r\n 3) Bas de page\r\n\r\n\r\n\r\n------------------------------------------------------------------\r\nA) Etape 1 : \r\nOuvrir le fichier themes.css dans \/themes\/classic\/assets\/css\/theme.css\r\n\r\n\r\nB) Etape 2 : \r\nDans certaines ...<\/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\/e-commerce-differences-comportementales\/\" 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\/header1-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\/e-commerce-differences-comportementales\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> E-commerce & diff\u00e9rences comportementales  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 125<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >La soci\u00e9t\u00e9 Content Square met en avant les diff\u00e9rences comportementales\u00a0sur les sites e-commerce : hommes vs femmes, gauchers vs droitiers, jeunes\u00a0vs ain\u00e9s....\r\n\r\nA - Homme vs Femme\r\n\r\nPar rapport aux hommes\r\n- les femmes interagissent plus et sont plus rapides,\r\n- elles cliquent 30% plus sur les sites,\r\n- elles affichent 12% de pages en plus,\r\n- elles ont un taux d\u2019activit\u00e9 (temps actif \/ temps d...<\/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 340<\/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\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\/taille-des-images-du-theme-par-defaut-de-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-images-demo1-657x3451-400x249.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\/taille-des-images-du-theme-par-defaut-de-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Taille des Images du th\u00e8me par d\u00e9faut de Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 6981<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tutoriel va vous permettre de connaitre la taille des images du th\u00e8me par d\u00e9faut de Prestashop\r\n\r\nLa plupart des images\u00a0que vous t\u00e9l\u00e9chargez dans le back-office doivent \u00eatre enregistr\u00e9es au format .jpg ou .png. Attention pour activer le format png il faut aller dans Pr\u00e9f\u00e9rences > Images et dans la partie \"Options de g\u00e9n\u00e9ration d'images\", cochez dans format d'image :\u00a0Utiliser le PNG uniquemen...<\/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}]}}