将自定义Javascript添加到Prestashop

Question

在Prestashop论坛上询问并且没有收到任何回复后,我想问你们,并希望得到答案.

我正在尝试添加一个动画雪插件到我的商店,但看了header.tpl文件,指示你不编辑 - 如何将我自己的Javascript添加到我的模板的头部？

我重复了默认主题,我正在努力.

Answer 1

如果主题是default-bootstrap,那么是,您可能不应该修改它,如果您打算升级它(可以使用自动升级模块自动升级).

对于积极更新的第三方主题也是如此.但通常第三方主题根本不会升级,这意味着您可以修改主题模板.因为模板太复杂而无法通过子主题进行扩展,所以可以直接编辑它们.PretaShop没有子父主题系统.只需直接编辑模板即可.

如果您希望您的更改可以跨主题移植,那么您应该制作一个模块.在模块内部使用特殊功能添加.js和.css文件到标头:

mymodule.php

...

public function install()
{
   ...
   $this->registerHook('displayHeader');
   ...
}

public function hookDispayHeader()
{
   $this->context->controller->addJS($this->_path.'js/script.js');
   $this->context->controller->addCSS($this->_path.'css/style.css');
}

如果您需要快速添加,只需编辑主题global.css和global.js

您还可以将stysheet和脚本添加到autload文件夹:

themes/theme1/css/autoload/和 themes/theme1/js/autoload/.将为所有页面加载这些文件夹中的文件.