Додавання 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}