{"id":87,"date":"2014-12-12T14:36:30","date_gmt":"2014-12-12T14:36:30","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=87"},"modified":"2017-01-23T18:30:48","modified_gmt":"2017-01-23T18:30:48","slug":"inserer-iframe-thickbox-dans-une-page-cms-comme-le-popup-cgv","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/inserer-iframe-thickbox-dans-une-page-cms-comme-le-popup-cgv\/","title":{"rendered":"Ins\u00e9rer pop-up dans une page CMS |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Un client d\u00e9sirait ins\u00e9rer un syst\u00e8me de pop-up dans la page cms de Prestashop<\/p>\n<p>Je 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.<\/p>\n<p><strong>Cette astuce Prestashop est valable pour la version 1.6<\/strong><\/p>\n<p>Voil\u00e0 l&rsquo;astuce.<\/p>\n<p><!--more--><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;<\/p>\n<p>1) Ouvrir un ficher qui se nommera Validate.php, ins\u00e9rer le code suivant puis enregistrer le dans override\/classes\/Validate.php<\/p>\n<pre class=\"lang:default decode:true \">&lt;?php\r\nclass Validate extends ValidateCore\r\n \r\n{\r\npublic static function isCleanHtml($html, $allow_iframe = false)\r\n{\r\n\r\n\/*if (preg_match('\/&lt;[\\s]*script\/ims', $html) || preg_match('\/('.$events.')[\\s]*=\/ims', $html) || preg_match('\/.*script\\:\/ims', $html))\r\nreturn false;\r\n \r\nif (!$allow_iframe &amp;&amp; preg_match('\/&lt;[\\s]*(i?frame|form|input|embed|object)\/ims', $html))\r\nreturn false;\r\n*\/\r\nreturn true;\r\n}\r\n \r\n}<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;<\/p>\n<p>2) Ouvrir un ficher qui se nommera FrontController.php, ins\u00e9rer le code suivant puis enregistrer le dans override\/classes\/controller\/FrontController.php<\/p>\n<pre class=\"lang:default decode:true \">&lt;?php\r\n \r\n\r\nclass FrontController extends FrontControllerCore\r\n{\r\n    public function setMedia()\r\n    {\r\n        parent::setMedia();   \r\n       \r\n\t\/\/ Execute Hook FrontController SetMedia\r\n$this-&gt;addjqueryPlugin('fancybox');\r\n$this-&gt;addCSS(_PS_CSS_DIR_.'jquery.fancybox-1.3.4.css', 'all'); \/\/ @TODO\r\n            Hook::exec('actionFrontControllerSetMedia', array());\t\r\n    }\r\n}\r\n\r\n?&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;<\/p>\n<p>3) Dans le dossier fichier footer.tpl situ\u00e9 dans montheme\/footer.tpl rajouter avant la balise :<\/p>\n<pre class=\"lang:default decode:true \">&lt;script&gt;\r\n$('a.iframe').fancybox();\r\n&lt;\/script&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8212;<\/p>\n<p>4) Dans le back-office \/ Pr\u00e9fence \/ cms :<\/p>\n<pre class=\"lang:default decode:true \">&lt;a class=\"iframe\" href=\"votrelien?content_only=1\"&gt;Nom de votre lien&lt;\/a&gt;<\/pre>\n<p>A noter : ?content_only=1 permet de ne pas avoir le footer et le header dans la fen\u00eatre popup.<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/Capture-d\u2019e\u0301cran-2014-12-21-a\u0300-22.35.39.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-172\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/Capture-d\u2019e\u0301cran-2014-12-21-a\u0300-22.35.39.png\" alt=\"I-frame prestashop\" width=\"791\" height=\"563\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/Capture-d\u2019e\u0301cran-2014-12-21-a\u0300-22.35.39.png 791w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/Capture-d\u2019e\u0301cran-2014-12-21-a\u0300-22.35.39-300x214.png 300w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/Capture-d\u2019e\u0301cran-2014-12-21-a\u0300-22.35.39-624x444.png 624w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/a><\/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\/quelle-est-la-longueur-ideale-de-vos-publications-sur-les-reseaux-sociaux-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-social-media-length-header-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\/quelle-est-la-longueur-ideale-de-vos-publications-sur-les-reseaux-sociaux-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quelle est la longueur id\u00e9ale de vos publications sur les r\u00e9seaux sociaux | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 170<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >SumAll et Buffer pr\u00e9sente\u00a0une infographie sur la longueur id\u00e9ale de vos publications sur les r\u00e9seaux sociaux\r\n\r\nQuel doit \u00eatre la longueur id\u00e9ale d\u2019un post sur Facebook, d'une vid\u00e9o You Tube, d'un post sur Tweeter ? Quels en sont les cons\u00e9quences ?\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\/ajouter-produit-deja-achete-page-produit-prestashop-1-6\/\" 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\/07\/produitdejaachete-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\/ajouter-produit-deja-achete-page-produit-prestashop-1-6\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ajouter \u00ab\u00a0produit deja achet\u00e9\u00a0\u00bb sur la page produit | Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 909<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Aujourd'hui, nous allons voir comment ajouter la notification \"Produit d\u00e9j\u00e0 achet\u00e9 le .....\" sur la page produit.\r\n\r\nCette astuce (donn\u00e9e par Nemops) est valable pour Prestashop 1.6. \r\n\r\nTr\u00e8s rapide \u00e0 mettre en place.\r\n\r\n---------------------------------------------------------------\r\n\r\n\r\n\r\nDans ce tutorial, nous allons \"overrider\" les fichiers. Si vous upgradez Prestashop, les fichiers modifi\u00e9s 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\/inserer-une-page-cms-sur-votre-formulaire-de-contact-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\/2017\/12\/Inserer-une-page-CMS-sur-votre-formulaire-de-contact-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\/inserer-une-page-cms-sur-votre-formulaire-de-contact-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Ins\u00e9rer une page CMS sur votre formulaire de contact | PrestaShop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3003<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous d\u00e9sirez ins\u00e9rer une page cms \u00e0 l'int\u00e9rieur de votre formulaire de contact de votre boutique PrestaShop\r\n\r\nRien de plus simple avec ce petit tuto !\r\n\r\n\r\nEtape 1 : Override du fichier : ContactController.php\r\n\r\n\r\nCr\u00e9er un fichier qui se nommera ContactController.php et placez le dans\u00a0 override\/controllers\/front\/ puis ins\u00e9rez le code suivant :\r\n\r\n\r\n\r\nPlus de pr\u00e9cisions\r\n\r\n\r\nCode 1: $cms=New CMS(...<\/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\/laffichage-des-colonnes-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-affiche-colonne-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\/laffichage-des-colonnes-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> L\u2019Affichage des colonnes |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2361<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >La derni\u00e8re version de Prestashop (1.6) permet de g\u00e9rer plus facilement l'affichage de la colonne de droite ou de gauche et de choisir sur quelles pages les afficher directement depuis le back-office.\r\nO\u00f9 configure t-on l'affiche des colonnes \u00a0dans le back office de Prestashop ?\u00a0\r\nAllez dans l'onglet\u00a0Pr\u00e9f\u00e9rences > Th\u00e8mes cliquez sur le lien Param\u00e8tres avanc\u00e9s du th\u00e8me actif sur votre boutique.\r...<\/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-francais-le-e-commerce-et-les-mobiles\/\" 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\/01\/achat-sur-tablette-ecommerce-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-francais-le-e-commerce-et-les-mobiles\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les Fran\u00e7ais, le e-commerce et les mobiles  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 133<\/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 Content Square, met en avant les comportements de navigation et d\u2019achats des fran\u00e7ais sur mobile, en France.\r\n\r\nLes chiffres viennent d'une \u00e9tude r\u00e9alis\u00e9e d\u2019ao\u00fbt 2013 \u00e0 septembre 2014, sur 50 millions de visites sur tablette et plus de 100 sites e-commerce leaders fran\u00e7ais, multisectoriels.\r\n\r\nA noter : Selon la Fevad, 29,4 millions de personnes sont mobinautes en F...<\/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>Un client d\u00e9sirait ins\u00e9rer un syst\u00e8me de pop-up dans la page cms de Prestashop Je 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. Cette astuce Prestashop est valable pour la version 1.6 Voil\u00e0 l&rsquo;astuce. Articles similaires Quel [&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\/87"}],"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=87"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/87\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}