{"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\/boutique-prestashop-compatible-mobile\/\" 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\/09\/mobile-friendly-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\/boutique-prestashop-compatible-mobile\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Votre boutique Prestashop est-il compatible mobile ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1281<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Google ayant mis en place son label\u00a0\u00ab\u00a0Mobile Friendly\u00a0\u00bb, dans ses r\u00e9sultats de recherche, il devient maintenant incontournable d'avoir un site version mobile. Il faut noter aussi qui si votre site n'est pas responsive ou compatible Mobile, vous allez perdre des places dans les pages de r\u00e9sultats de Google.\r\n\r\nGoogle \u00e0 mise \u00e0 votre disposition un outil tr\u00e8s simple pour tester la comptabilit\u00e9 de vot...<\/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\/ameliorer-le-taux-de-rebond-de-son-site\/\" 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-tauxderebond-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\/ameliorer-le-taux-de-rebond-de-son-site\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Am\u00e9liorer le Taux de Rebond de son site  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 228<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie de Krissmetrics met en avant les \u00e9l\u00e9ments impactant le taux de rebond et les astuces pour l\u2019am\u00e9liorer.\r\n1) Qu'est ce que\u00a0le taux de rebond\r\nLe taux de rebond, tel qu'il est d\u00e9fini par Google Analytics, repr\u00e9sente le pourcentage de visites d'une seule page (c'est \u00e0 dire au cours desquelles l'internaute a quitt\u00e9 votre site d\u00e8s la page d'arriv\u00e9e). Le taux de rebond est un des moyens...<\/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 9726<\/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\/lhistoire-du-web-design-en-une-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\/08\/Capture-d\u2019\u00e9cran-2015-08-27-\u00e0-15.44.30-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\/lhistoire-du-web-design-en-une-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> L\u2019histoire du web design en une infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1938<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >\r\n\r\n\r\n\r\n\r\n\r\nLe webdesign a \u00e9norm\u00e9ment \u00e9volu\u00e9 depuis les premi\u00e8res pages cr\u00e9\u00e9es par Tim Berners-Lee et ses\u00a0coll\u00e8gues.\u00a0A mesure que le Web \u00e9voluait, les langages et techniques suivaient.\r\n\r\n\r\n\r\n\r\n\r\n\r\nCette infographie pr\u00e9sente sous forme de calendrier l'\u00e9volution de la cr\u00e9ation d'un\u00a0site web de 1960 \u00e0 2010 et au-del\u00e0 .\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\/labandon-de-panier-10-lecons-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\/09\/abandonner-panier-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\/labandon-de-panier-10-lecons-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> L\u2019abandon de panier en 10 le\u00e7ons | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 371<\/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 SaleCycle, fait un bilan sur l'abandon de panier apr\u00e8s avoir track\u00e9 et analys\u00e9 plus d\u2019un milliard d\u2019abandon de paniers.\r\nLes chiffres-cl\u00e9s de l\u2019abandon de panier\r\nUne majorit\u00e9 des commer\u00e7ants est touch\u00e9 par l'abandon de panier sur son site e-commerce.\r\nPlus les ann\u00e9es passent, plus il est important. En effet celui a augment\u00e9 de 15 points, atteignant 75% en 2015.\r\nQu...<\/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 Comment [&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}]}}