Ajouter un Script Javascript externe sur une page CMS Prestashop

Ajouter un Script Javascript externe sur une page CMS Prestashop

Lorsque j’ai commencé à travailler sur des tâches SEO pour des sites sous Prestashop, je me suis vite rendu compte que certaines opérations, apparemment simples, pouvaient s’avérer chronophages. Parmi ces défis, l’ajout d’un script Javascript externe sur une page CMS de Prestashop se distingue. Je partage ici une méthode efficace pour contourner ce problème et intégrer facilement votre script externe.

Le problème

Habituellement, ajouter un script externe sur une plateforme web est simple : il suffit d’insérer une ligne de code comme celle-ci :

<script type="text/javascript" src="monsuperscript.js"></script>

Cependant, sur Prestashop, cette méthode génère une erreur lors de l’enregistrement dans le module CMS. La solution consiste à modifier légèrement le fichier cms.tpl du thème utilisé.

La solution

Pour intégrer votre script, suivez ces étapes :

1. Localisez le fichier cms.tpl : Ce fichier se trouve dans le dossier du thème utilisé par votre site Prestashop.
2. Modifiez le fichier cms.tpl : Ajoutez les lignes suivantes juste avant la balise de contenu :

{if $cms->id==6}
{literal}
<script type="text/javascript" src="monsuperscript.js"></script>
{/literal}
{/if}

• Remplacez l’ID de la page CMS : Changez 6 par l’ID de la page où vous souhaitez ajouter le script.
• Modifiez la source du fichier Javascript : Remplacez monsuperscript.js par le chemin de votre fichier Javascript.

3. Enregistrez et testez : Accédez à la page CMS depuis le back-office de Prestashop, ajoutez ou modifiez le contenu à votre guise, puis enregistrez. Votre script devrait désormais être correctement intégré et fonctionnel.

Pourquoi cette Solution ?

Cette approche utilise les balises {if} et {literal} de Smarty, le moteur de templates de Prestashop, pour insérer le script uniquement sur la page CMS désirée, sans perturber le reste du contenu.

Voilà, votre script est intégré ! Si vous avez rencontré ce problème ou d’autres difficultés similaires, n’hésitez pas à partager votre expérience en commentaire. Pour découvrir d’autres astuces et simplifier la gestion de votre site Prestashop, continuez à suivre notre blog.