{"id":1373,"date":"2016-03-30T09:27:31","date_gmt":"2016-03-30T09:27:31","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=1373"},"modified":"2017-01-23T18:26:02","modified_gmt":"2017-01-23T18:26:02","slug":"inserer-une-page-cms-sur-une-page-produit-astuce-prestashop","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-une-page-cms-sur-une-page-produit-astuce-prestashop\/","title":{"rendered":"Ins\u00e9rer une page cms sur une page produit |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Je vais vous montrer comment ins\u00e9rer une page cms sur une page produit.<\/p>\n<p><strong>Astuce Prestashop 1.6<\/strong><\/p>\n<p><!--more--><\/p>\n<h3><span style=\"color: #008000;\"><strong>1) Si on d\u00e9sire que le contenu soit affich\u00e9 sur toutes les pages produits\u00a0<\/strong><\/span><\/h3>\n<p>Pour cela on va ouvrir le fichier product.tpl qui se situe dans \/themes\/lenomdevotreth\u00e8me\/product.tpl<\/p>\n<p>Ins\u00e9rer le code suivant \u00e0 l&rsquo;endroit o\u00f9 vous d\u00e9sirez que le contenu de votre page cms apparaisse.<\/p>\n<pre class=\"lang:default decode:true \">{assign var=cms_content value=CMS::getCMSContent(1, true, true)}\r\n   &lt;div class=\"contentCms\"&gt;\r\n      {$cms_content.content}\r\n   &lt;\/div&gt;<\/pre>\n<p>Ici le \u00ab\u00a01\u00a0\u00bb correspond \u00e0 l&rsquo;ID de ma page CMS Livraison.<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/03\/CMS.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1374\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/03\/CMS.jpg\" alt=\"Ins\u00e9rer page cms dans page produit | Prestashop\" width=\"800\" height=\"224\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/03\/CMS.jpg 800w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/03\/CMS-300x84.jpg 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/03\/CMS-624x175.jpg 624w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #008000;\"><strong>2) Si on d\u00e9sire que le contenu soit affich\u00e9 seulement sur \u00a0les pages produits qui appartiennent \u00e0 une certaine cat\u00e9gorie.\u00a0<\/strong><\/span><\/h3>\n<p>Pour cela on va ouvrir le fichier product.tpl qui se situe dans \/themes\/lenomdevotreth\u00e8me\/product.tpl<\/p>\n<p>Ins\u00e9rer le code suivant \u00e0 l&rsquo;endroit o\u00f9 vous d\u00e9sirez que le contenu de votre page cms apparaisse.\u00a0Ici le \u00ab\u00a04\u00a0\u00bb correspond \u00e0 l&rsquo;ID de\u00a0la cat\u00e9gorie<\/p>\n<pre class=\"lang:default decode:true\">{if $product-&gt;id_category_default == 4}\r\n  {assign var=cms_content value=CMS::getCMSContent(1, true, true)}\r\n     &lt;div class=\"contentCms\"&gt;\r\n       {$cms_content.content}\r\n     &lt;\/div&gt;\r\n{\/if}<\/pre>\n<h2><\/h2>\n<h3><span style=\"color: #008000;\"><strong>3) Si on d\u00e9sire que le contenu soit affich\u00e9 seulement sur une page page produit<\/strong><\/span><\/h3>\n<p>Pour cela on va ouvrir le fichier product.tpl qui se situe dans \/themes\/lenomdevotreth\u00e8me\/product.tpl<\/p>\n<p>Ins\u00e9rer le code suivant \u00e0 l&rsquo;endroit ou vous d\u00e9sirez que le contenu de votre page cms apparaisse.\u00a0Ici le \u00ab\u00a09\u00a0\u00bb correspond \u00e0 l&rsquo;ID de mon produit<\/p>\n<pre class=\"lang:default decode:true \">{if $smarty.get.id_product == 9} \r\n   {assign var=cms_content value=CMS::getCMSContent(1, true, true)}\r\n       &lt;div class=\"contentCms\"&gt;\r\n\t  {$cms_content.content}\r\n       &lt;\/div&gt;\r\n{\/if}<\/pre>\n<p>&nbsp;<\/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\/optimisez-le-sitemap-de-votre-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-site-map-boutique-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\/optimisez-le-sitemap-de-votre-boutique-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Optimisez le sitemap de votre boutique |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3047<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Qu'est ce qu'un sitemap ?\u00a0\r\nUn sitemap est un fichier qui contient une liste enrichie d'URLs internes \u00e0 un site web. Ce fichier est au format XML. Il permet de fournir aux principaux moteurs de recherche des informations sur les URLs d'un site web qu'ils ne pourraient pas d\u00e9couvrir par eux-m\u00eames\r\nComment cr\u00e9er un sitemap depuis le back-office de Prestashop\u00a0\r\nIl faut aller dans Modules et Services ...<\/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\/apprendre-a-utiliser-les-jpeg-gif-ou-png-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\/06\/Capture-d\u2019\u00e9cran-2015-06-01-\u00e0-21.38.57-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\/apprendre-a-utiliser-les-jpeg-gif-ou-png-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Apprendre \u00e0 utiliser les JPEG, GIF, ou PNG  | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 272<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie met en avant les 3 formats d'images num\u00e9riques les plus utilis\u00e9s sur internet.\r\n\r\n\u00a0JPG (ou JPEG)\u00a0: Format id\u00e9al pour les photos et les illustrations compliqu\u00e9es. Contient des millions de couleurs. La Compression de l\u2019image se fait avec une perte de qualit\u00e9 qui va de 0% \u00e0 99% (\u00e0 choisir pour chaque image en fonction de son poids final).\r\n\u00a0GIF\u00a0: Tr\u00e8s pratique pour les dessins et im...<\/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\/braintree-solution-de-paiement-contrat-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-braintree-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\/braintree-solution-de-paiement-contrat-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Braintree \u2013 Une solution de Paiement sans VAD | Prestashop  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5806<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Qu'est-ce que Braintree ?\u00a0\r\nBraintree offre une solution compl\u00e8te de paiement pour les e-marchands sur mobile, tablette et bureau.\u00a0C'est une entreprise am\u00e9ricaine qui a \u00e9t\u00e9 rachet\u00e9e par Paypal en 2013.\r\n\r\nComment j'ai connu Braintree ?\u00a0\r\nUn de mes clients a souscrit un Forfait Int\u00e9gral Evolution (25\u20ac par mois) chez Paypal. Apr\u00e8s avoir install\u00e9 le module dans le cms Prestashop, je me suis aper\u00e7ue q...<\/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 7042<\/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\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\/inserer-iframe-thickbox-dans-une-page-cms-comme-le-popup-cgv\/\" 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\/2014\/12\/Capture-d\u2019e\u0301cran-2014-12-21-a\u0300-22.35.39-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\/inserer-iframe-thickbox-dans-une-page-cms-comme-le-popup-cgv\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ins\u00e9rer pop-up dans une page CMS |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4320<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Un client d\u00e9sirait ins\u00e9rer un syst\u00e8me de pop-up dans la page cms de Prestashop\r\n\r\nJe ne voulais pas installer un n-i\u00e8me module pour faire simplement cela ni ins\u00e9rer un autre script\/biblioth\u00e8que que ceux inclus dans Prestashop.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\nVoil\u00e0 l'astuce.\r\n\r\n\r\n\r\n------------\r\n\r\n1) Ouvrir un ficher qui se nommera Validate.php, ins\u00e9rer le code suivant...<\/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>Je vais vous montrer comment ins\u00e9rer une page cms sur une page produit. Astuce Prestashop 1.6 Articles similaires Comment cr\u00e9er une langue manuellement | Prestashop 1.6 \/ 1.7 views 2679 Vous ne d\u00e9sirez pas utiliser le pack de traduction de Prestashop ? Vous d\u00e9sirez faire vos traductions vous-m\u00eame ? Prestashop [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1376,"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\/1373"}],"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=1373"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1373\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/1376"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=1373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=1373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=1373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}