Prestashop 1.6.1.4 - 将 CSS 添加到模块的 CMS 页面答案

【问题标题】：Prestashop 1.6.1.4 - Add CSS to CMS Page of ModulePrestashop 1.6.1.4 - 将 CSS 添加到模块的 CMS 页面
【发布时间】：2018-12-17 22:09:45
【问题描述】：

我正在制作一个在产品编辑页面中添加新标签的模块。安装的是 Prestashop 1.6.1.4。该模块添加了一个选项卡，其中包含一些将数据发送到 mysql 表的输入字段，但我想做的是对这些字段进行一些样式设置，以便它们看起来不错。我在我的 module.php 文件中添加了这个：

public function install() {
    if ($this->psversion() == 5 || $this->psversion() == 6)
    {
        if (parent::install() == false or !$this->registerHook('displayHeader') or !$this->registerHook('productFooter') or !$this->registerHook('displayAdminProductsExtra') or !$this->registerHook('actionProductUpdate') or !$this->registerHook('displayBackOfficeHeader'))
        {
            return false;
        }
    }

    return true;
}

然后我把这段代码放在下面：

public function hookDisplayBackOfficeHeader($params) {
    $this->context->controller->addCSS($this->_path.'views/css/adminsportsnutritionfadd.css');
}

但无法使 .css 文件出现。该文件位于正确的位置，它具有适当的权限，并且文件的所有者是 www-data:www-data 所以这不应该是权限问题。我在 Prestashop 中禁用了 css 组合以及缓存。在重新加载页面之前，我还删除了 Prestashop 的缓存以防万一，同时我也删除了浏览器的缓存。有人可以帮我解决这个问题吗？

【问题讨论】：

我认为这个视频教程会对你有所帮助youtu.be/vBcXC8UbzE8它有完整的信息。

标签： css module content-management-system prestashop

【解决方案1】：

这样做：

 public function hookBackOfficeHeader()
    {
      $this->context->controller->addCSS($this->_path.'views/css/adminsportsnutritionfadd.css');        
    }

对我来说是这样的：

    $this->context->controller->addCSS($this->_path . 'views/css/back.css');

所以唯一的区别是css文件名。

【讨论】：

感谢您的建议。刚刚试了一下，没有成功。

【解决方案2】：

不确定您是否已排序，但是...

我在我的大部分模块中使用这个函数来添加 jQuery、Font-awesome、CSS 和 JS，然后让它只显示在那个模块页面上......

public function hookDisplayBackOfficeHeader($params)
{
    if(!(Tools::getValue('controller') == 'AdminModules' 
      && Tools::getValue('configure') == 'MyModuleName')
    ){
        return;
    }
    else
    {
        if ( method_exists($this->context->controller, 'addJquery') )
        {
            $this->context->controller->addJquery();
            $this->context->controller->addCss('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
            $this->context->controller->addCss($this->_path.'views/css/back.css');
            $this->context->controller->addJs($this->_path.'views/js/back.js');
        }
    }
}

【讨论】：