Ajouter un fichier audio sur les page cms | Astuce Prestashop 1.6

Vous avez peut-être essayé d’insérer un fichier audio dans vos pages cms mais sans succès ?

Voici un petit tuto rapide (3 étapes) qui vous le permettra

Étape 1 :

Ouvrir le fichier config.php dans admin/filemanager/config/config.php

Remplacer le code suivant

$ext_music = array();//array('mp3', 'm4a', 'ac3', 'aiff', 'mid','ogg','wav'); //Audio

Par

$ext_music = array('mp3', 'm4a', 'ac3', 'aiff', 'mid','ogg','wav'); //Audio

Étape 2 :

Allez dans le dossier  admin/filemanager. Ici on va s’occuper de deux fichiers : plugin.min.js et plugin.js

  1. On va d’abord s’occuper de plugin.js

Mettre ces deux lignes en commentaire :

if (type=='image') { urltype=1; }  
if (type=='media') { urltype=3; } 

Résultat :

function filemanager (id, value, type, win) {
    // DEFAULT AS FILE
    urltype=2;
    //if (type=='image') { urltype=1; }  <--- Commentaire 1
    //if (type=='media') { urltype=3; }  <--- Commentaire 2
            var title="RESPONSIVE FileManager";

2) Maintenant on va s’occuper du fichier plugin.min.js

En fait dans ce fichier le code est exactement le même que plugin.js mais il a été compressé.

2.1 Renommez plugin.min.js en plugin.min.js.or (toujours avoir une sauvegarde)

2.2. Créer un nouveau fichier qui se nommera plugin.min.js

2.3 Maintenant on va compresser le code de plugin.js. Pour cela,

  • copier tout le code qu’il y a dans le fichier plugin.js
  • aller sur le site suivant pour le compresser : https://javascript-minifier.com/
  • coller le nouveau code compressé dans le fichier plugin.min.js

Normalement dans le fichier plugin.min.js, le code devrait être :

tinymce.PluginManager.add("filemanager",function(e){function n(n,t,i,a){urltype=2;var g="RESPONSIVE FileManager";"undefined"!=typeof e.settings.filemanager_title&&e.settings.filemanager_title&&(g=e.settings.filemanager_title);var s="",r="false";"undefined"!=typeof e.settings.filemanager_sort_by&&e.settings.filemanager_sort_by&&(s=e.settings.filemanager_sort_by),"undefined"!=typeof e.settings.filemanager_descending&&e.settings.filemanager_descending&&(r=e.settings.filemanager_descending),tinymce.activeEditor.windowManager.open({title:g,file:e.settings.external_filemanager_path+"dialog.php?type="+urltype+"&descending="+r+"&sort_by="+s+"&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});

Étape 3 :

Ouvrir le fichier.htaccess dans img/cms/.htaccess

Remplacer le code suivant

<Files ~ "(?i)^.*\.(jpg|jpeg|gif|png|bmp|tiff|svg|pdf|mov|mpeg|mp4|avi|mpg|wma|flv|webm)$">

Par

<Files ~ "(?i)^.*\.(jpg|jpeg|gif|png|bmp|tiff|svg|pdf|mov|mpeg|mp3|m4a|mp4|avi|mpg|wma|flv|webm)$">

———–

Et voila, il sera peut-être nécessaire de nettoyer votre cache (Paramètres avancées > Performances)

 

 

Articles similaires

SPAM PRESTASHOP FORMULAIRE DE CONTACT
views 3418
Depuis qq temps, des robots de SPAM utilisent le formulaire de contact des boutiques PrestaShop pour envoyer des mails. Voici deux astuces  (les deux versions ont été testées)  pour la version Prestashop 1.6 - astuce 1 : I'm not a robot de google - astuce 2 : captcha invisible ASTUCE 1 1) Allez google Re-capcha : https://www.google.com/recaptcha/intro/invisible.html - En haut à droi...
Braintree – Une solution de Paiement sans VAD | Prestashop
views 5633
Qu'est-ce que Braintree ?  Braintree offre une solution complète de paiement pour les e-marchands sur mobile, tablette et bureau. C'est une entreprise américaine qui a été rachetée par Paypal en 2013. Comment j'ai connu Braintree ?  Un de mes clients a souscrit un Forfait Intégral Evolution (25€ par mois) chez Paypal. Après avoir installé le module dans le cms Prestashop, je me suis aperçue q...
Comment insérer une nouvelle langue automatiquement | Prestashop 1.6 / 1.7
views 6692
Vous souhaitez que votre boutique de vente en ligne soit en plusieurs langues afin de toucher une clientèle très large ? Il est très facile depuis le back-office de Prestashop 1.6 & 1.7 de rajouter une langue avec toutes les traductions. Pour cela, il existe deux manières: - depuis le pack de localisation (avec cette manière, vous aurez les traductions mais aussi l'ensemble des données ...
Insérer une page cms sur une page produit | Astuce Prestashop 1.6
views 3638
Je vais vous montrer comment insérer une page cms sur une page produit. Astuce Prestashop 1.6 1) Si on désire que le contenu soit affiché sur toutes les pages produits  Pour cela on va ouvrir le fichier product.tpl qui se situe dans /themes/lenomdevotrethème/product.tpl Insérer le code suivant à l'endroit où vous désirez que le contenu de votre page cms apparaisse. {assign var=cms_con...
Ajouter les réseaux sociaux sur la page d’accueil | Prestashop 1.7
views 7176
Contrairement à Prestashop 1.6, les réseaux sociaux sur votre page d'accueil ne s'affichent pas automatiquement. Ce petit tutorial va vous permettre de les configurer et de les faire apparaître sur la version Prestashop 1.7. Configurer les réseaux sur la page d'accueil | version Prestashop 1.7 A) Depuis le back-office de Prestashop, allez dans Modules > Modules & Services  B...

2 réponses à “Ajouter un fichier audio sur les page cms | Astuce Prestashop 1.6”

  1. Calou dit :

    Merci pour ce tuto que j’ai déjà suivi avec succès, mais cette fois, cela ne fonctionne pas ?? le lecteur ne s’affiche pas dans la page CMS. J’ai pourtant modifié les 4 fichiers. Faut-il activer les iframes dans les paramètres de Prestashop ?

    Merci d’avance

  2. c_majory dit :

    bonjour,

    il m’est difficile de répondre sans avoir vu votre site, cette astuce fonctionne avec le theme de base. Avez-vous nettoyer votre cache par exemple ?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *