Кастомизация шаблона компонента

В CMS Битрикс основная часть функционала сайта создается при помощи компонентов. Компонент состоит из контроллера компонента и шаблона компонента.

За визуальное отображение компонента отвечает шаблон компонента. Например, для стандартного компонента постраничной навигации, шаблон компонента лежит в разделе /bitrix/components/bitrix/system.pagenavigation/.default/

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

Рассмотрим пример простейшей кастомизации компонента постраничной навигации (system.pagenavigation). Для примера – уберем часть ссылок из шаблона компонента.

Кастомизация постраничной навигации


Для начала посмотрим на код компонента каталога: мы видим строку                  

	"PAGER_TEMPLATE" => "arrows",

это означает, что используется шаблон с названием arrows

Создадим раздел /bitrix/templates/текущий_шаблон/components/bitrix/system.pagenavigation

(можно /local/templates/текущий_шаблон/components/bitrix/system.pagenavigation)

Скопируем содержимое раздела /bitrix/components/bitrix/system.pagenavigation/templates/arrows/

в раздел /bitrix/templates/текущий_шаблон/components/bitrix/system.pagenavigation/arrows/

Откроем для редактирования файл template.php из раздела /bitrix/templates/текущий_шаблон/components/bitrix/system.pagenavigation/arrows/

Удалим код, затем сохраним:


<div class="navigation-arrows">
<span class="arrow">&larr;</span><span class="ctrl"> ctrl</span>&nbsp;<?if ($bPrevDisabled):?><span class="disabled"><?=GetMessage("nav_prev")?></span><?else:?><a href="<?=$sPrevHref;?>" id="<?=$ClientID?>_previous_page"><?=GetMessage("nav_prev")?></a><?endif;?>&nbsp;<?if ($bNextDisabled):?><span class="disabled"><?=GetMessage("nav_next")?></span><?else:?><a href="<?=$sNextHref;?>" id="<?=$ClientID?>_next_page"><?=GetMessage("nav_next")?></a><?endif;?>&nbsp;<span class="ctrl">ctrl </span><span class="arrow">&rarr;</span>
</div>

Почистим кеш:


Готово:

Результат кастомизации битрикс

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



Статьи на тему: Оставить комментарий
x
Комментарий успешно отправлен и будет доступен после проверки модератором!