Что делать, если вам захотелось тюнинговать сайт, сменить его цветовую схему, детализировать какие то мелочи или настройки CSS?

Вариантов выполнения данных задач можно найти много, для этого достаточно знания фреймворка 1С-Битрикс.

Но тем не менее, мы постарались предусмотреть основные операции и помочь вам.

Для начала цветовые схемы:
Какой бы цвет вы ни установили, вам на самом деле доступны все цветовые схемы в процессе работы.

CSS настройки схем находяться в папке colors шаблона.

На момент написания данной статьи их было 19.

Список цветовых схем.png

Откройте файл header.php шаблона, найдите строку подключения цветовой схемы в секции head
файл header.png
и просто поменяйте на нужную вам.

Данная операция занимает лишь несколько минут.

Вопрос тюнинга

Давайте представим, что вам понадобилось дополнительно тюниговать CSS.

В 1С-Битрикс мы могли бы взять и поправить стили шаблона или стили цветовой схемы.
Но мы предлагаем вам два варианта тюнинга, которые вообще не затронут решения и в любой момент вы сможете вернуться к дефолтным установкам.

Вариант 1: CSS Патч.
Все очень просто
Добавьте в секции head 
после строки с подключением цветовой схемы (см. скрин выше)
строку
Добавление своего стиля.png
где my_css.css - ваш собственный файл настроек css
Обратите внимание на второй параметр SetAdditionalCSS равный true
Благодаря ему ваш css будет подключен с конца и перекроет все предыдущие стили.
Далее - все понятно :) просто тюнингуйте стили на свой вкус.

Вариант 2. Собственная цветовая схема
Этот вариант более интересный и гибкий и основан он в первой очереди на архитектуре BXReady

Делаем копию исходной цветовой схемы
просто скопируйте ту схему, которую будете тюнинговать
Например, берем съему color_river.css и копируем ее, создавая новую схему color_river_new.css 

Собственная цветовая схема.png
 Далее все еще проще
Просто меняем в файле header.php описание подключаемой цветовой схемы на наше
Подключение своей цветовой схемы.png

И теперь можно смело тюнинговать вашу новую цветовую схему.

P.S. Описывая данный типтрик мы руководствовались следующими принципами
  • в первую очередь потребностями разработчиков, которые будут внедрять наш магазин
  • во вторую: правилом пяти минут (все можно сделать быстро и просто)
  • в третью руководствовались желанием сделать так, чтобы разработчикам не требовалось вмешательства в логику продукта и нашего решения
Кстати, все, что мы описали, мы заложили еще на этапе проектирования. А таких мелочей в BXReady еще много,всех не сосчитать :)




 Типы меню | Описание курса | Колонка с вертикальным меню