Добавление js и css кода в tpl файл шаблона

В большинстве случаев внедрение css и js кода покрывает модуль "Пользовательские скрипты", но если нужно внедрить код именно в tpl файл, то следует помнить про структуру шаблонизатора "Smarty", который используется в системе.

Чтобы добавить исполняемый код или стиль, нужно использовать блок {literal}{/literal}.

Пример стилей:

{literal}
    <style>
        .your-class{display: block;}
    </style>
{/literal}

<p class="your-class">Text text text</p>

Пример js кода:

{literal}
    <script type="text/javascript">
        function foo(){...}
    </script>
{/literal}

Пример совместного использования пространства переменных php и (css|js):

Например в области tpl шаблона который вы редактируете существует переменная $color="#001133"

{literal}
    <script type="text/javascript">
        // здесь закрывающийся и открывающийся литерал позволяет использовать php переменную
        var color = "{/literal}{echo $color}{literal}";
        console.log("Your color" + color);
    </script>

    <style>
        // здесь закрывающийся и открывающийся литерал позволяет использовать php переменную
        .your-class{color:{/literal}{echo $color}{literal};}
    </style>
{/literal}