{"id":1362,"date":"2016-03-28T18:15:22","date_gmt":"2016-03-28T18:15:22","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=1362"},"modified":"2017-01-23T18:26:10","modified_gmt":"2017-01-23T18:26:10","slug":"ajouter-un-fichier-audio-sur-les-page-cms-astuce-prestashop","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/ajouter-un-fichier-audio-sur-les-page-cms-astuce-prestashop\/","title":{"rendered":"Ajouter un fichier audio sur les page cms |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Vous avez peut-\u00eatre essay\u00e9 d&rsquo;ins\u00e9rer un fichier audio dans vos pages cms mais sans succ\u00e8s ?<\/p>\n<p>Voici un petit tuto rapide (3 \u00e9tapes) qui vous le permettra<\/p>\n<p><!--more--><\/p>\n<h3><span style=\"color: #333399;\">\u00c9tape 1\u00a0: <\/span><\/h3>\n<p>Ouvrir le fichier config.php dans admin\/filemanager\/config\/config.php<\/p>\n<p>Remplacer\u00a0le code suivant<\/p>\n<pre class=\"lang:default decode:true \">$ext_music = array();\/\/array('mp3', 'm4a', 'ac3', 'aiff', 'mid','ogg','wav'); \/\/Audio<\/pre>\n<p>Par<\/p>\n<pre class=\" language-php\"><code class=\" language-php\"><span class=\"token variable\">$ext_music<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">array<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'mp3'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">'m4a'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">'ac3'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">'aiff'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">'mid'<\/span><span class=\"token punctuation\">,<\/span><span class=\"token string\">'ogg'<\/span><span class=\"token punctuation\">,<\/span><span class=\"token string\">'wav'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><span class=\"token comment\" spellcheck=\"true\"> \/\/Audio<\/span><\/code><\/pre>\n<h3><span style=\"color: #333399;\">\u00c9tape 2 :<\/span><\/h3>\n<p>Allez dans le dossier \u00a0admin\/filemanager. Ici on va s&rsquo;occuper de deux fichiers : plugin.min.js et plugin.js<\/p>\n<ol>\n<li>On va d&rsquo;abord s&rsquo;occuper de\u00a0plugin.js<\/li>\n<\/ol>\n<p>Mettre ces deux lignes en commentaire :<\/p>\n<pre class=\" language-javascript\"><code class=\" language-javascript\"><span class=\"token comment\" spellcheck=\"true\">if (type=='image') { urltype=1; }  \r\n<\/span><span class=\"token comment\" spellcheck=\"true\">if (type=='media') { urltype=3; } <\/span><\/code><\/pre>\n<p><span style=\"color: #333399;\"><strong>R\u00e9sultat :<\/strong><\/span><\/p>\n<pre class=\"lang:default decode:true \">function filemanager (id, value, type, win) {\r\n    \/\/ DEFAULT AS FILE\r\n    urltype=2;\r\n    \/\/if (type=='image') { urltype=1; }  &lt;--- Commentaire 1\r\n    \/\/if (type=='media') { urltype=3; }  &lt;--- Commentaire 2\r\n            var title=\"RESPONSIVE FileManager\";<\/pre>\n<p>2) Maintenant on va s&rsquo;occuper du fichier\u00a0plugin.min.js<\/p>\n<p>En fait dans ce fichier le code est exactement le m\u00eame que\u00a0plugin.js mais il a \u00e9t\u00e9 compress\u00e9.<\/p>\n<p>2.1\u00a0Renommez plugin.min.js en plugin.min.js.or (toujours avoir une sauvegarde)<\/p>\n<p>2.2. Cr\u00e9er un nouveau fichier qui se nommera\u00a0plugin.min.js<\/p>\n<p>2.3 Maintenant on va compresser le code de\u00a0plugin.js. Pour cela,<\/p>\n<ul>\n<li>copier tout le code\u00a0qu&rsquo;il y a dans le fichier\u00a0plugin.js<\/li>\n<li>aller sur le site suivant pour le compresser :<a href=\"https:\/\/javascript-minifier.com\/\">\u00a0https:\/\/javascript-minifier.com\/<\/a><\/li>\n<li>coller le nouveau code compress\u00e9 dans le fichier\u00a0plugin.min.js<\/li>\n<\/ul>\n<p>Normalement dans le fichier\u00a0plugin.min.js, le code devrait \u00eatre :<\/p>\n<pre class=\"lang:default decode:true \">tinymce.PluginManager.add(\"filemanager\",function(e){function n(n,t,i,a){urltype=2;var g=\"RESPONSIVE FileManager\";\"undefined\"!=typeof e.settings.filemanager_title&amp;&amp;e.settings.filemanager_title&amp;&amp;(g=e.settings.filemanager_title);var s=\"\",r=\"false\";\"undefined\"!=typeof e.settings.filemanager_sort_by&amp;&amp;e.settings.filemanager_sort_by&amp;&amp;(s=e.settings.filemanager_sort_by),\"undefined\"!=typeof e.settings.filemanager_descending&amp;&amp;e.settings.filemanager_descending&amp;&amp;(r=e.settings.filemanager_descending),tinymce.activeEditor.windowManager.open({title:g,file:e.settings.external_filemanager_path+\"dialog.php?type=\"+urltype+\"&amp;descending=\"+r+\"&amp;sort_by=\"+s+\"&amp;lang=\"+e.settings.language,width:860,height:570,resizable:!0,maximizable:!0,inline:1},{setUrl:function(t){var i=a.document.getElementById(n);if(i.value=e.convertURL(t),\"fireEvent\"in i)i.fireEvent(\"onchange\");else{var g=document.createEvent(\"HTMLEvents\");g.initEvent(\"change\",!1,!0),i.dispatchEvent(g)}}})}return tinymce.activeEditor.settings.file_browser_callback=n,!1});<\/pre>\n<h3><span style=\"color: #333399;\">\u00c9tape 3 :<\/span><\/h3>\n<p>Ouvrir le fichier.htaccess dans img\/cms\/.htaccess<\/p>\n<p>Remplacer\u00a0le code suivant<\/p>\n<pre class=\"lang:default decode:true \">&lt;Files ~ \"(?i)^.*\\.(jpg|jpeg|gif|png|bmp|tiff|svg|pdf|mov|mpeg|mp4|avi|mpg|wma|flv|webm)$\"&gt;<\/pre>\n<p>Par<\/p>\n<pre class=\"lang:default decode:true \">&lt;Files ~ \"(?i)^.*\\.(jpg|jpeg|gif|png|bmp|tiff|svg|pdf|mov|mpeg|mp3|m4a|mp4|avi|mpg|wma|flv|webm)$\"&gt;<\/pre>\n<p>&#8212;&#8212;&#8212;&#8211;<\/p>\n<p>Et voila, il sera peut-\u00eatre n\u00e9cessaire de nettoyer votre cache (Param\u00e8tres avanc\u00e9es &gt; Performances)<\/p>\n<p>&nbsp;<\/p>\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\/inserer-nouvelle-langue-automatiquement-prestashop-1-6-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\/01\/creer-automatiquement-langue-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\/inserer-nouvelle-langue-automatiquement-prestashop-1-6-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment ins\u00e9rer une nouvelle langue automatiquement | Prestashop 1.6 \/ 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 6982<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous souhaitez que votre boutique de vente en ligne soit en plusieurs langues afin de toucher\u00a0une client\u00e8le tr\u00e8s large ?\r\n\r\nIl est tr\u00e8s facile depuis le back-office de Prestashop 1.6 & 1.7 de rajouter une langue avec toutes les traductions.\r\n\r\nPour cela, il existe deux mani\u00e8res:\r\n- depuis le pack de localisation (avec cette mani\u00e8re, vous aurez les traductions mais aussi l'ensemble des\u00a0donn\u00e9es ...<\/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\/10-typographies-gratuites-pour-les-titres\/\" 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\/headerfont1-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\/10-typographies-gratuites-pour-les-titres\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 10 Typographies Gratuites pour les titres de vos sites web  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1340<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans cet article je vous propose \u00a0une petite s\u00e9lection de 10\u00a0polices gratuites pour agr\u00e9menter vos\u00a0titres\r\n\r\n1) Mohave (r\u00e9alis\u00e9e par le designer Gumpita Rahayu)\r\n\r\n\r\n- T\u00e9l\u00e9charger la typographie -\r\n\r\n---------------------------\r\n\r\n2) Dense (r\u00e9alis\u00e9e par Charles Daoud)\r\n\r\n\r\n- T\u00e9l\u00e9charger la typographie -\r\n---------------------------\r\n\r\n3) Chivo  (r\u00e9alis\u00e9e par Omnibus Type)\r\n\r\n\r\n- T\u00e9l\u00e9charger la typ...<\/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-points-fondamentaux-ameliorer-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\/2017\/08\/6-points-booster-seo-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\/6-points-fondamentaux-ameliorer-referencement-naturel\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 6 points Fondamentaux pour am\u00e9liorer votre r\u00e9f\u00e9rencement naturel  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 626<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Avoir un site e-commerce ou un site vitrine c'est bien, mais des personnes que le visite c'est encore mieux.\r\n\r\nIl n'est pas toujours facile de savoir par o\u00f9 commencer son r\u00e9f\u00e9rencement naturel. Je suis tomb\u00e9e sur cette infographie qui\u00a0permet de faire un recap des points importants afin d'am\u00e9liorer votre r\u00e9f\u00e9rencement naturel et rendre Google heureux \ud83d\ude42\r\n\r\n\r\n \tAm\u00e9liorez la structure de votre site ...<\/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\/le-e-commerce-en-france-en-2015-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-07-15-\u00e0-14.58.48-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\/le-e-commerce-en-france-en-2015-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Le e-commerce en france en 2015 | infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 136<\/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\u00a0\u00e9cole WIS, met en avant les chiffres cl\u00e9s du e-commerce et du m-commerce en France.\r\n\r\n\r\n\r\n1) \u00a0Les chiffres cl\u00e9s en 2014 :\r\n- 57 milliards d\u2019euros d\u2019achats en ligne,\r\n- 157 300 sites e-commerce existants,\r\n- 81 euros par transaction en moyenne\r\n\r\n2) Les produits les plus achet\u00e9s sont issus des domaines de \r\n- l\u2019habillement,\r\n- la culture,\r\n- le tourisme,\r\n- l\u2019\u00e9lectro...<\/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\/apercu-theme-prestashop-1-7-rco\/\" 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\/classictheme-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\/apercu-theme-prestashop-1-7-rco\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Petit aper\u00e7u du th\u00e8me Classic de prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 8309<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Prestashop vient de sortir la version \u00a01.7.0.0 RC0.\r\n\r\nA noter, par rapport \u00e0 la version Prestashop 1.6, le th\u00e8me a \u00e9t\u00e9 totalement repens\u00e9 afin d'\u00eatre plus minimaliste, fonctionnel et ergonomique.\r\n\r\nIl faut savoir aussi que la migration de Prestashop 1.6, 1.5.... \u00a0vers\u00a0 PrestaShop 1.7 sera impossible.\r\n\r\n\r\n\r\nD'un point de vue perso :\r\n- je ne suis pas fan des couleurs en particulier le\u00a0gris (je l...<\/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>Vous avez peut-\u00eatre essay\u00e9 d&rsquo;ins\u00e9rer un fichier audio dans vos pages cms mais sans succ\u00e8s ? Voici un petit tuto rapide (3 \u00e9tapes) qui vous le permettra Articles similaires Comment cr\u00e9er un compte employ\u00e9\/profils\/permissions dans PrestaShop 1.6 &#038; 1.7 views 8403 La page d&rsquo;administration \u00ab\u00a0Employ\u00e9s\u00a0\u00bb permet de cr\u00e9er des comptes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1366,"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\/1362"}],"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=1362"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/1366"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=1362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=1362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}