Настройка шаблонов сайта

Содержание

Функционал Шаблоны сайта призван улучшить работу с кастомными (разработанными под требования клиентов) шаблонами, дать возможность переключаться между шаблонами в панели администратора.
При желании шаблоны можно редактировать и дорабатывать самостоятельно либо через наших специалистов.

Действия с шаблонами

Чтобы перейти к списку шаблонов, в панели администрирования выберите Сайт → Шаблоны → Список. По умолчанию в списке присутствуют базовые шаблоны, а также добавляются новые.

На странице со списком шаблонов вы можете:

  1. Отключить шаблоны – используйте если требуется вернуть предустановленный внешний вид для всех шаблонов;
  2. Установить шаблон как текущий;
  3. Перейти к списку файлов шаблона;
  4. Перейти к настройкам опций шаблона;
  5. Установить контент шаблона – используйте для установки меню по умолчанию (верхнее меню, плитка на главной странице, баннеры, тестовые страницы). Выбранный контент будет доступен для редактирования;
  6. Выгрузить шаблон в виде архива на локальный компьютер.

Настройка шаблонов сайта иллюстрация №1

Список шаблонов сайта

Файлы шаблона

При переходе в файлы шаблона мы видим список файлов, которые составляют данный шаблон:

  • scss, javascript, liquid файлы – файлы стилей, javascript и шаблонов;
  • yaml файлы – для переводов;
  • файлы графики и шрифтов – располагаются отдельным списком на вкладке Работа с файлами.

На странице файлов шаблона вы можете:

  1. Загрузить данные по умолчанию – все файлы перезапишутся исходниками, если эти файлы были в начальном системном шаблоне. Созданные вами файлы останутся без изменений;
  2. Включить для себя – опция позволяет посмотреть шаблон, не включая его для всех клиентов;
  3. Отключить для себя – опция позволяет отключить шаблон только для себя, не отключая его для всех клиентов;
  4. Создать новый файл;
  5. Редактировать текущий файл с помощью встроенного онлайн редактора файлов;
  6. Посмотреть версии шаблона – будет показана история изменений файла;
  7. Удалить файл;
  8. Сбросить файл – файл будет восстановлен до исходного состояния, если он присутствовал в системном шаблоне.

Настройка шаблонов сайта иллюстрация №2

Файлы шаблона

Если вы находитесь на базовом шаблоне, мы рекомендуем минимально вмешиваться в шаблоны, созданные нами.

Если вы измените, например, файл _search_panel, который отвечает за панель поиска, то при внесении нами каких-либо изменений у вас они работать не будут. И пока ваши изменения не будут отменены, вы не сможете увидеть наши доработки и улучшения.

Мы рекомендуем выбирать минимальные объекты для изменений.

Например, файл application.html отвечает за главную страницу (за главный шаблон, оболочку). Если вы находитесь на стандартном шаблоне, то мы рекомендуем менять его в наименьшей степени, так как в него периодически вносятся доработки.
Если вы разрабатываете свой шаблон, то данный файл обязательно должен присутствовать.

Версии шаблона

Вы можете увидеть историю изменений шаблона и ознакомиться с конкретной версией, нажав кнопку Версии в строке нужного шаблона.

На странице списка версий можно увидеть, кто и когда внес конкретное изменение, а также посмотреть измененный код, нажав кнопку Просмотр.

Настройка шаблонов сайта иллюстрация №4

Список версий шаблона

Настройка шаблонов сайта иллюстрация №5

Просмотр изменений шаблона

Вы также можете выбрать любую версию и установить ее как текущую, нажав кнопку Восстановить внизу страницы. После этого в шаблоне будет использоваться выбранная версия файла.

Убедитесь, что файл с выбранной версией принадлежит вашему активному шаблону (тому, что установлен как текущий), иначе увидеть измененный файл не удастся.

Включение шаблона

Каждый шаблон вы можете посмотреть на главной странице вашего сайта. Кнопки Включить и Отключить для себя на странице файлов шаблона позволяют посмотреть шаблон, не включая его для всех клиентов.

Использовать несколько шаблонов для разных клиентов НЕЛЬЗЯ.

Настройка шаблонов сайта иллюстрация №6

Просмотр шаблона

Для получения возможности переключаться между шаблонами в панели администратора необходимо сменить базовый шаблон на специальный. Протестировать шаблоны можно без каких-либо серьезных изменений – просто обновите версию сайта.

Таким образом, если вы захотите разработать свой полноценный дизайн и перейти на него в рамках новой системы шаблонизации, нужно будет предварительно обратиться в техническую поддержку. Наши специалисты сменят ваш основной шаблон на Basis 1, и вы сможете полноценно переключать шаблоны через список шаблонов сайта.

Редактирование стилей шаблона

Вы можете редактировать scss-файлы вашего активного шаблона при необходимости. Перейдите к scss-файлам с помощью кнопки Файлы шаблона в строке активного шаблона.

Настройка шаблонов сайта иллюстрация №6

Перейход к файлам шаблона

На странице со списком файлов шаблона находятся следующие scss-файлы:

Настройка шаблонов сайта иллюстрация №7

Список scss-файлов шаблона

  1. responsive.css — стили, с помощью которых можно адаптировать отображение элементов сайта на разных устройствах (адаптивная верстка);
  2. style.css — предустановленные общие стили клиентской части сайта;
  3. _user_styles.css — ваши собственные стили. Стили, прописанные в этом файле, являются более приоритетными, чем предустановленные в файле style.css;
  4. _vars.css — стили кнопок и шрифтов (основной текст, заголовки).

Вносите свои изменения в специально созданном файле — _user_styles.css.

Не рекомендуем редактировать остальные css-файлы, так как они могут не обновиться в случае, если мы внесем изменения в стили шаблона.

Настройка шаблонов сайта иллюстрация №8

Переход к редактированию css-файла

Впишите собственные стили в файл _user_styles.css.

Убедитесь, что обращаетесь к нужному тэгу. Например, если в нашем файле style.css стили задаются тэгам html и body одновременно, а вы зададите стиль только тэгу body, изменения не применятся.

Чтобы не ошибиться в тэгах, мы рекомендуем посмотреть имеющиеся стили в файле style.css, скопировать нужный тэг, перенести в файл _user_styles.css и отредактировать содержимое тэга так, как вам требуется.

Настройка шаблонов сайта иллюстрация №9

Стилизация в файле style.css

Настройка шаблонов сайта иллюстрация №10

Правильная стилизация в файле _user_styles.css

Файлы графики и шрифтов

Чтобы увидеть список файлов графики и шрифтов, перейдите на вкладку Работа с файлами.

На этой странице вы можете:

  1. Добавить новый файл;
  2. Загрузить подготовленный файл;
  3. Отменить загрузку файла;
  4. Удалить файлы – позволяет удалить сразу несколько файлов. Используйте поля выбора (6) чтобы отметить один или несколько файлов, подлежащих удалению, и нажмите кнопку Удалить (4);
  5. Удалить конкретный файл.

Настройка шаблонов сайта иллюстрация №7

Файлы графики и шрифтов

Создание шаблона

Для создания нового шаблона нажмите кнопку Создать шаблон в списке шаблонов.

В открывшейся форме укажите:

  1. Название шаблона;
  2. Код шаблона – должен быть уникальным, допустимы только латинские буквы и цифры. Используется для подключения (например, графики);
  3. Включить кэширование – опция активируется, если вы уже закончили всю разработку и если используете тэги кэширования (cache). Вы можете активировать опцию если перешли на один из наших базовых шаблонов и данная опция отключена;
  4. Шаблон из одного столбца – необходимо поставить галочку, если шаблон не двухколоночный. То есть на сайте отсутствует меню слева, в котором должны отображаться фильтры каталогов масел, шин и т.д.
  5. Дебаг режим для рендеринга шаблонов – включает верстальщик сайта, если необходимо выводить HTML комментарии с именем подшаблонов, отвечающих за рендеринг различных элементов страницы.

Нажмите кнопку Создать в нижней части формы.

Настройка шаблонов сайта иллюстрация №8

Форма создания шаблона

Видео по теме

YouTube

RuTube

Начните тест-драйв платформы PARTS SOFT уже сегодня!

скриншот платформы