Подключение кастомной CSS в своей теме

[adamatis]

Приветствую!
Захотел разработать свою тему для Престы. И почти сразу столкнулся с такой проблемой:
Как подключить, скажем, файл стилей с названием "mycustomstyle.css" к своей теме?
в каком файле прописать это надо?
файл разместил в подкаталоге своей темы ../css
Предположил что есть только стандартные имена css файлов... если это так, то где узнать их список?
Ещё вычитал, что можно создавать стиль каждой странице сайта. Где название брать это? и как подключать этот стиль?

[Виталий]

Все файлы css для новой темы вы храните в папке:
/themes/new_theme/css/style.css
Можно заменить файлы css для каждого модуля (блока). Для этого разместить файлы css в:
/themes/new_theme/css/modules/blockcms/blockcms.css
Подключаются файлы стилей так:
Для темы в файле header.tpl

Код: [Выделить]

{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}Для модулей в файле php

Код: [Выделить]

public function hookHeader($params)
{
Tools::addCSS(($this->_path).'blockcms.css', 'all');
}

[Presta PRO]

Ток подключать надо после цикла foreach

Код: [Выделить]

{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
        <link href="{$css_dir}style.css" rel="stylesheet" type="text/css" media="{$media}" />
{/if}

[mAgency]

Ток подключать надо после цикла foreach

Только в одном случае, если ваши файлы css находятся в нестандартой папке.

<link href="{$css_dir}style.css" rel="stylesheet" type="text/css" media="{$media}" />

так делать не нужно, в этом случае файл стилей находиться в папке

Код: [Выделить]

{$css_dir}все файлы с разрешением css подхватываются автоматом, достаточно

{if isset($css_files)}
   {foreach from=$css_files key=css_uri item=media}
   <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
   {/foreach}
{/if}

Если вынести файлы стилей в папку

Код: [Выделить]

/prestashop/css/тогда в header.tpl

Код: [Выделить]

{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
        <link href="/prestashop/css/style.css" rel="stylesheet" type="text/css" media="{$media}" />
{/if}

[magl88]

Здравствуйте
Вот и мне понадобилось подключить свои стили к шаблону
1) Правильно ли я понял что шаблон должен сам подключать все CSS которые лежат в папке css шаблона в этот блок??

Код: [Выделить]

{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
я закинул свой файл в папку css, сбросил кэш и вообще его отключил. Но файл не подключился! В чём может быть проблема ?
2) Как правильно подключить свой файл css и js ?

[coder]

Код: [Выделить]

$this->context->controller->addJS($this->_path.'js/myfile.js');
$this->context->controller->addCSS($this->_path.'css/myfile.css');

[magl88]

Код: [Выделить]

$this->context->controller->addJS($this->_path.'js/myfile.js');
$this->context->controller->addCSS($this->_path.'css/myfile.css');

и куда это девать ? что с этим делать ?

[magl88]

Выше писали про

Код: [Выделить]

<link href="{$css_dir}style.css" rel="stylesheet" type="text/css" media="{$media}" />Но сразу же ответили что

так делать не нужно, в этом случае файл стилей находиться в папке

Почему так нельзя ? {$css_dir} подставляет же путь к папке css

[coder]

1. Если что-то добавить, то прямо в global.css. Не нужно плодить файлы и замедлять работу сайта.
2. Если добавлять слили для своего модуля, то в модуле

Код: [Выделить]

public function hookHeader()
{
$this->context->controller->addJS($this->_path.'js/myfile.js');
        $this->context->controller->addCSS($this->_path.'css/myfile.css');
}3. Если сильно хочется, то прямо в шаблоне headre.tpl

Код: [Выделить]

<link href="{$css_dir}style.css" rel="stylesheet" type="text/css" media="{$media}" />
Чтобы правильно подключить стили, делайте как в пп.1,2.

[magl88]

ну теперь вроде бы понятно Спасибо
я пока тренируюсь на стандартной теме и разбираюсь как бы её допелить до того что мне надо.