Свои стили сайта
Клиентская часть МаркетПро поставляется собранной, исходных Vue-компонентов на сервере нет — переопределить стиль правкой шаблона не получится. Для этого есть отдельный файл со своими стилями: он подключается к сайту последним и перекрывает стандартные правила.
Сначала посмотрите, нельзя ли добиться нужного вида штатными настройками: цвета задаются в блоке Цветовая схема (Цветовая схема), шрифт — там же. Свои стили нужны там, где настроек не хватает.
Где править файл
Откройте ASTDESIGN → МаркетПро → Настройки, вкладка Внешний вид, блок Цветовая схема и стили, строка Свои стили сайта — нажмите изменить. Откроется редактор файла прямо в админке; после правок нажмите Сохранить.
Тот же файл лежит на сервере по пути /static/custom.css — его можно править через файловый менеджер админки, WinSCP или любой привычный редактор.
Как писать селекторы
Решение использует CSS Modules: к имени каждого класса добавляется хеш, и выглядит класс так:
components-header-header-main-line-logo-vwqohХеш меняется при обновлениях решения. Стиль, привязанный к полному имени класса, после очередного обновления перестанет работать. Поэтому вместо
div.components-header-header-main-line-logo-vwqoh { /* стили */ }пишите так:
div[class*='components-header-header-main-line-logo-'] { /* стили */ }Такой селектор переживёт смену хеша.
Имя класса удобно смотреть в браузере: нажмите F12, включите выбор элемента (Ctrl + Shift + C) и щёлкните по нужному месту страницы.
Свои стили — это ваша ответственность. Мы не проверяем их при выпуске обновлений: вёрстка блока может измениться, и правило перестанет попадать в цель. После каждого обновления решения бегло проверяйте страницы, которые вы правили.
Когда изменения появятся на сайте
Пересборка сайта здесь не нужна: файл отдаётся сервером и подключается к странице отдельной ссылкой уже после загрузки. Изменения видны сразу — достаточно обновить страницу, при необходимости с очисткой кеша браузера (Ctrl + F5).
Если стиль не применился, откройте F12 и проверьте, дошло ли правило до страницы и не перекрывает ли его стандартное правило с большей специфичностью.