French English German Italian Russian Spanish

Help us

Pour continuer à avoir nos extensions gratuites. To continue to have our free extensions.

Montant, Amount:
Le moyen pour mettre du code html ou javascript dans les fichiers template prestashop

Le sujet revient souvent dans les questions ou du coup les prestations que j'effectue pour des clients.

Prestashop est un peu particulier comme tous les CMS, notamment dans les fichiers en ".tpl" que vous revez de pouvoir modifier.

Soit pour ajouter un css, un script ou tout simplement du php ou du html pur.

En gros vous voulez vous servir d'un fichier de votre template Prestashop pour insérer du code comme si vous étiez en train de modifier un fichier html ou php.

La solution est simple pour intégrer du code dans votre template prestashop

Il suffit de rajouter la balise literal comme ceci :

{literal)

et la fin de balise literal après votre code :

{literal}

Ainsi les exemples suivant sera plus parlant pour vous :

1/ Il s'agit d'insérer une balise pour google analytics pour suivre vos page dans votre header.tpl :

{literal}

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXX"></script>

<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXXXXXX'); </script>

{/literal}

2/ Un second exemple pour insérer dans prestashop du javascript / Jquery

<script type="text/javascript">

{literal}

jQuery(document).ready(function(){

//Votre function

});

//Exemple pour ajouter une classe
$('.last_item_of_line').next().addClass('first_item');

{/literal}

</script>

Voilà vous savez comment ajouter des fonctions javascripts ou autre code pur dans vos fichier tpl de Prestashop pour modifiez vos templates.

Comment insérer du code dans Prestashop
Note 5 sur 5 Pour 1 votes