СКОРО ПРЕМЬЕРА!


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

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

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

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

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

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

topshopcolors.jpg

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

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

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

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

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

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

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

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

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

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

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

И еще прикладываем текущие гайды по цветовым схемам
guide_5_classic.jpg
guide_5_flat.jpg


 #7 Особенности SEO главной | Описание курса | #9 Рейтинг