1. aspro.ru
  2. Аспро: Премьер
  3. Для веб-разработчиков
  4. Модификация кода решений
  5. Подключение шаблонов custom

Подключение шаблонов custom


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

Алгоритм действий для подключения и настройки шаблона для кастомизации:

  1. Перейти в структуру сайта для создания нового шаблона.
  • Хедер:
  • /bitrix/templates/aspro_premier/page_blocks/header
  • Футер: 
    /bitrix/templates/aspro_premier/page_blocks/footer
  • Фиксированная шапка, мобильная шапка, левый блок, навигационная цепочка: 
    /bitrix/templates/aspro_premier/page_blocks
  • Каталог, детальная страница: 
    /bitrix/templates/aspro_premier/components/bitrix/catalog/main/page_blocks. Такой же путь для списка элементов, разделов, быстрого просмотра, шаблона списка посадочных страниц.
  • Главная страница — корневая папка сайта:
    /
  • Контакты:
    /contacts
  • Корзина:
    /bitrix/components/aspro/basket.file.premier/templates/
Создать новый шаблон или скопировать старый. Название должно быть типа  «element_custom.php». Внести изменения в шаблон. Для каталога нужно создать новую папку по следующему пути:
  • Для детальной страницы:
    /bitrix/templates/aspro_premier/components/bitrix/catalog.element
  • Для списка разделов:
    /bitrix/templates/aspro_premier/components/bitrix/catalog.section.list
  • В папке создать файл template.php. В этом файле — разместить кастомизированный шаблон.
Подключить в модуле настроек новый шаблон.

Таким способом вы можете подключить шаблоны для модификации следующих элементов:

  • Корзина
  • Боковое меню
  • Тип поиска
  • Оформление заголовка и хлебных крошек
  • Тип главной страницы
  • Фиксированная шапка
  • Варианты шапок
  • Использовать быстрый просмотр товаров
  • Детальная страница каталога
  • Контакты
  • Блог
  • Проекты
  • Новости
  • Компания \ Наши сотрудники
  • Компания \ Бренды
  • Компания \ Бренды - детальная
  • Компания \ Вакансии
  • Компания \ Лицензии
  • Футер
  • Мобильная шапка
  • Тип мобильного меню.

Разберем на примере подключения кастомизированного футера. Для создания нового файла в административной части сайта перейдем в Контент → Структура сайта → Файлы и папки. Затем проделаем путь: /bitrix/templates/aspro_premier/page_blocks/footer. Скопируем один из элементов. Для этого в строке с названием файла кликнем на «Гамбургер», затем на «Копировать...».

758fce32-7b5e-11f1-8fe4-fa163e2ff576

В появившемся окне укажем тот же путь. А в дополнительных настройках выберем поле «Переименовать автоматически», чтобы не возникло проблем.

6188affd-7b5e-11f1-8fe4-fa163e2ff576

В строке с названием добавленного файла кликнем на «Гамбургер», затем на «Переименовать.».

fb503291-7b64-11f1-8fe4-fa163e2ff576

Название должно принять вид «footer_custom.php».

50096c7f-7b64-11f1-8fe4-fa163e2ff576

Чтобы внести изменения в шаблон, кликнем на «Гамбургер», затем на «Редактировать как php».

f3627488-7b5b-11f1-8fe4-fa163e2ff576

Внесите изменения в код и сохраните.

7d7f35fe-7b5b-11f1-8fe4-fa163e2ff576

Теперь перейдем в настройки модуля, чтобы подключить новый шаблон. Проделаем путь: Аспро (1) → Аспро: Премьер (2) → Настройки (3) → Футер (4). Перейдем в настройки футера.

a3a77f65-7b5e-11f1-8fe4-fa163e2ff576

Выберите свой вариант и сохраните изменения.

image4.png

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

c8835ffa-7b5d-11f1-8fe4-fa163e2ff576

В параметрах компонента подключите шаблон в поле «Шаблон страницы блока списка элементов». Сохраните изменения.

c264391c-7b64-11f1-8fe4-fa163e2ff576

Кастомизация списка элементов

Теперь разберем кастомизацию списка элементов. В начале заходим в /bitrix/templates/aspro_premier/components/bitrix/catalog/main/page_blocks. Нажимаем на «Гамбургер» рядом с фалом list_elements_1.php и копируем его.

Путь к кастому

В появившемся окне указываем путь: /bitrix/templates/aspro_premier/components/bitrix/catalog/main/page_blocks. А в дополнительных настройках выберем поле «Переименовать автоматически», чтобы не возникло проблем.

Копирование кастома

В строке с названием скопированного файла нажимаем на «Гамбургер» и меняем имя на: list_elements_1_custom.php.

Переименовать кастом

Чтобы внести изменения в шаблон, кликнем на «Гамбургер», затем на «Редактировать как php».

Редактировать как PHP

Ищем строку «$template» и добавляем к ней код, чтобы получилось «$template."_custom”,». Сохраняем изменения.

Код

Теперь заходим по пути:

/bitrix/templates/aspro_premier/components/bitrix/catalog.section. Копируем любой шаблон.

Путь к шаблону

Переименовываем шаблон, например, было «catalog_block» стало «catalog_block_custom»

Переименовать шаблон

Заходим в «Каталог» и включаем режим правки. Наводим курсор на страницу каталога и жмем на шестеренку.

Как зайти в компонент каталога

Выбираем кастомный шаблон в поле «Шаблон страницы блока списка». Сохраняем изменения.

Выбор шаблона


Предыдущая статья Общие рекомендации
Следующая статья Кастомизация цены, кнопок «Купить» и «Наличие»