Продвинутые функции

Пользовательский CSS

Тема Seller 2.0 поддерживает добавление пользовательских CSS-стилей через систему блоков.

Как добавить

  1. Перейдите в приложение Сайт — Блоки.

  2. Создайте блок с именем site.{имя_темы}_css, где {имя_темы} — идентификатор вашей темы дизайна.

Для стандартной (не клонированной) темы Seller 2.0 имя блока будет:

site.seller2_css

Стили из этого блока добавляются перед закрывающим тегом </body>.

Пример содержимого блока

{literal}
<style>
    /* Изменение цвета ссылок */
    a {
        color: #ff5722;
    }

    /* Скрытие элемента на мобильных устройствах */
    @media (max-width: 767px) {
        .my-hidden-element {
            display: none;
        }
    }
</style>
{/literal}

Весь код внутри блока необходимо оборачивать в теги {literal}...{/literal}, чтобы шаблонизатор Smarty не обрабатывал фигурные скобки как свои директивы.

Клонирование темы

При создании клона темы дизайна имя блока должно соответствовать идентификатору клона. Например, если вы создали клон с именем seller2_28.03.2023, то блок должен называться:

site.seller2_28.03.2023_css

Старый блок site.seller2_css в клонированной теме работать не будет — необходимо создать новый блок или переименовать существующий.