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

Подключение шаблонов custom для Аспро: Лайтшоп


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

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

  1. Перейти в структуру сайта для создания нового шаблона.
  • Хедер:
    • /bitrix/templates/aspro_max/page_blocks/header
    • Футер: 
      /bitrix/templates/aspro_max/page_blocks/footer
    • Фиксированная шапка, мобильная шапка, левый блок, навигационная цепочка: 
      /bitrix/templates/aspro_max/page_blocks
    • Каталог, детальная страница: 
      /bitrix/templates/aspro_max/components/bitrix/catalog/main/page_blocks. Такой же путь для списка элементов, разделов, быстрого просмотра, шаблона списка посадочных страниц.
    • Главная страница — корневая папка сайта:
      /
    • Контакты:
      /contacts
    • Корзина:
      /bitrix/components/aspro/basket.file.max/templates/

    Создать новый шаблон или скопировать старый. Название должно быть типа  «element_custom.php». Внести изменения в шаблон. Для каталога нужно создать новую папку по следующему пути:

    • Для детальной страницы:
      /bitrix/templates/aspro_max/components/bitrix/catalog.element
    • Для списка разделов:
      /bitrix/templates/aspro_max/components/bitrix/catalog.section.list
    • В папке создать файл template.php. В этом файле — разместить кастомизированный шаблон.

    Подключить в модуле настроек новый шаблон.

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

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

      Разберем на примере подключения кастомизированного футера. Для создания нового файла в административной части сайта перейдем в Контент → Структура сайта → Файлы и папки. Затем проделаем путь: /bitrix/templates/aspro_max/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

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

      e617742d-7b63-11f1-8fe4-fa163e2ff576

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

      image4.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      Код

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

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

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

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

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

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

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

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


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

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