1. Откройте файл color.scss
2. Скопируйте весь код.
3. Зайдите на сайт http://beautifytools.com/scss-compiler.php
4. Вставьте слева скопированный код
5. Теперь можно менять цвета. Нас интересует 4 переменные цветов в самом начале кода: $color-primary, $color-primary-hover, $color-secondary и $color-secondary-hover.
$color-primary - основной цвет
$color-primary-hover - основной цвет при наведении
$color-secondary - второстепенный цвет
$color-secondary-hover - второстепенный цвет при наведении
$text-color - в некоторых случаях потребуется изменения значений и этой переменной. Это цвет текста кнопок и элементов, которые стоят на цветной подложке(счетчики корзины/сравнения/избранного)
Заменяем код цветов.
6. Нажимаем на кнопку Compile scss и немного ждем.
7. Копируем код справа.
8. Идем в админку Webasyst и через приложение "Сайт" открываем файл main.css.
9. В конце адресной строки браузера меняем:
main.css
на:
themecolors%2Fcolor-1.css
10. Заменяем содержимое файла на то, что было получено в п. 7
11. Сохраняем.
12. В настройках темы, нужно выбрать первый по списку цвет.
При выходе обновления советуем повторить действия, так как вероятность изменений/нововведений в цветовых файлах велика.
А почему сейчас при установке темы, в приложении сайт в разделе дизайн не появляется таблица стилей main.css?
Это вроде немного не относится к теме топика. Но main.css всё же появляется. А именно css/main.css. Это видно даже на скриншоте. Первый по списку.
Шикарно, scss!
Пока не нашёл эту тему, переделывал вручную компиленный css темы.
Спасибо за такую возможность!
Здравствуйте. Почему может возникать ошибка при компиляции?
Тут куча каких-то лишних пробелов.
Но что интересно. Я попробовал скопировать, ничего не меня нажал кнопку компелировать и та же самая ошибка. Получается эти пробелы уже вейчас в предлагаемом коде.
Значит что-то делаете не так. Проверил - всё работает.
Подтверждаю, сервис работает https://gyazo.com/452dd42727c0...