Слайдер в 1С-Битрикс

 

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

 

 

Слайдер

 

Как я указал на этапе “подбор компонентов для шаблона“, за слайдер у нас будет отвечать компонент «bitrix:eshop.catalog.top».

 

Действуем по аналогии, как и с другими компонентами…

  1. Создадим пользовательский шаблон, скопируем шаблон «slider» компонента «bitrix:eshop.catalog.top» в папку с пользовательскими шаблонами компонентов, т.е. в www\bitrix\templates\имя_шаблона\components\bitrix\eshop.catalog.top. Переименуем наш шаблон в «my_slider» (вы можете назвать его как угодно, суть от этого не меняется)
  2. Найдем фрагмент html, отвечающий за вывод слайдера, у меня он располагается в header.php:

     
  3. Заменим html код в шаблоне на вызов компонента «bitrix:eshop.catalog.top» с нашим шаблоном «my_slider»

     
  4. Правим шаблон www\bitrix\templates\имя_шаблона\components\bitrix\eshop.catalog.top\my_slider\template.php, урезав все лишнее и добавив HTML код слайдера шаблона-прототипа у меня получился следующий пользовательский шаблон:

     

    Где переменная «$SITE_TEMPLATE_PATH» — содержит путь до директории с шаблоном.

 

Если посмотреть в браузере, то данный компонент с нашим шаблоном «my_slider» выглядит так:

 

templeate_component_slider

 

 

Компонент визуально полностью совпадает с слайдером в шаблоне-прототипе, интеграцию компонента можно считать завершенной.

 


 

P.S. 

Если при нажатие на «details» открывается неправильная страница с описанием товара, это значит, что вы неверно указали ее в настройках инфоблока, в данном случае инфоблока «Процессоры»

 

(данный шаблон выводит URL путь до страницы спользуя переменную $arResult  с полем DETAIL_PAGE_URL (подмасив $arItem[«DETAIL_PAGE_URL»]), компонент же берет URL из свойств инфоблока).

Настроить URL страницы описания вы можете в панели администоратора нажав на «Контент», далее развернуть «Инфоблоки» -> «Типы инфоблоков» далее разверните ваш тип инфоблока и выберите инфоблок. Нажмите на «решетку» слева от имени и выберите «Изменить». Откроется окно

 

panel_admin_infoblock_URL

 

 

В красном квадрате указывается URL до страницы с описанием товара, собирается адрес из заранее установленных переменных (начинаются и заканчиваются знаком #) и простых строк. В указанном выше случае URL адрес будет такой:

http://ваше_доменное_имя/index.php?ELEMENT_ID=номер_товара

 




Буду признателен если вы поделитесь данным постом

Комментарии
  1. Цифровой пишет:

    Для новичка слишком сложно



Ваш комментарий


Ответ в цифрах

 
© s-engineer.ru, 2012-2017 | Все права защищены