Тема добавляя проблемы CSS

Тема добавляя проблемы CSS

10.11.2018 06:55:59 Просмотров 44 Источник

Я пытаюсь добавить внешний css, но это не работает свойство,

Я использую PrestaShop версии 1.7.4.3

в функции install () я вызываю крючки

&& $this->registerHook('displayHeader')
&& $this->registerHook('backOfficeHeader')

внутри крючка я регистрирую файлы css и js

public function hookDisplayHeader($params)
{
    $this->context->controller->addCSS(($this->_path) .'views/css/style.css');
    $this->context->controller->addJS(($this->_path) .'views/js/script.js');
    $this->context->controller->addCSS('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

}

public function hookBackOfficeHeader(){
    $this->context->controller->addCSS('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
    $this->context->controller->addCSS(($this->_path) .'views/css/module.css');
    $this->context->controller->addJqueryUI('ui.sortable');

}

в hookBackOfficeHeader() у меня нет никаких проблем, но в hookDisplayHeader() не хочет регистрировать шрифт awesome.

Я пытаюсь использовать registerStylesheet () вместо addCss (), но не работает вообще.

Почему это отличается между двумя функциями? это, может быть, потому, что hookDisplayHeader не принимает внешний файл?

Спасибо

править:

Я решил с registerStylesheet() и registerJavascript()

public function hookDisplayHeader($params)
{
     $this->context->controller->registerStylesheet(
        'sidemenu',
        ($this->_path) .'views/css/style.css',
        ['server' => 'remote', 'position' => 'head', 'priority' => 150]
    );
     $this->context->controller->registerJavascript(
        'sidemenu-js',
        ($this->_path) .'views/js/script.js',
        ['server' => 'remote', 'position' => 'head', 'priority' => 120]
    );

    $this->context->controller->registerStylesheet(
        'remote-font-awesom',
        'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
        ['server' => 'remote', 'position' => 'head', 'priority' => 20]
    );
}
У вопроса есть решение - Посмотреть?

Ответы - Тема добавляя проблемы CSS / Prestashop adding css issue

ethercreation

12.11.2018 11:06:18

Обратная совместимость сохраняется для методов addJS(), addCSS(), addJqueryUI() и addJqueryPlugin (). Кстати, сейчас самое подходящее время для обновления библиотек и использования нового метода.

При разработке модуля PrestaShop может потребоваться добавить определенные стили для шаблонов. Лучше всего использовать методы registerStylesheet и registerJavascript, предоставляемые родительским классом FrontController.

Смотрите ссылку : https://devdocs.prestashop.com/1.7/themes/getting-started/asset-management/

С уважением

Alexander Grosul

12.11.2018 11:26:24

Также для добавления шрифта-awesome вам лучше использовать requireAssets (array ('font-awesome')) что-то вроде этого

$this->context->controller->requireAssets(array('font-awesome'));
https://stackoverflow.com/questions/53240683/prestashop-adding-css-issue/53258272#comment93410147_53258272
Спасибо, это работа!
Закрыть X