Formation Prestashop intégrateur: Utilisation du JavaScript / Chargement des fichiers sur le front-office

Vous êtes ici : Accueil / Prestashop intégrateur / Utilisation du JavaScript / Chargement des fichiers sur le front-office

Chargement des fichiers sur le front-office

Les fichiers /themes/core.js et /themes/{theme_name}/assets/themes.js sont chargé sur toutes les pages du front-office de la boutique.

Il est possible d'ajouter des fichiers js depuis le code PHP d'un module.

Exemple :

$this->context->controller->registerJavascript()
    'modules-helloworld',
    'modules/helloworld/views/js/helloworld.js',
    ['position' => 'bottom', 'priority' => 150]
);

Il est également possible d'ajouter des fichiers js à partir du fichier de configuration du theme /themes/{theme_name}/config/theme.yml.

Exemple pour ajouter le fichier /themes/{theme_name}/assets/js/extra-lib.js sur toutes les pages et le fichier /themes/{theme_name}/assets/js/product-lib.js sur la page produit :

# ...
assets:
  js:
    all:
      - id: all-extra-lib
        path: assets/js/extra-lib.js

    product:
      - id: prod-extra-lib
        path: assets/js/product-lib.js
# ...