Работа с компонентами

Урок 327 из 328
Автор: Роберт Басыров
Сложность урока:
3 уровень - средняя сложность. Необходимо внимание и немного подумать.
3 из 5
Дата изменения: 11.06.2019
Просмотров: 12660
Ограничения по редакциям: Ограничений нет

Компоненты - инструмент вывода информации в 1С-Битрикс: Управление сайтом. Выполним задания для освоения работы с ними.

Задание первое: Изменение включаемой области

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

  1. В настройках компонента задайте условие показа - для раздела.

    Результат выполнения первого пункта

  2. Перейдите в Тестовый раздел и создайте там включаемую область. В неё добавьте
    Где:
    1 - произвольный текст (статическая информация)
    2 - компонент (динамичная информация)
    компонент Самые продаваемые товары и произвольный текст. Настраивать компонент не будем, так как продаж не было и при любых настройках не будет выведено ни одного товара. Это задание просто для получения представления о том как это делается.

    Результат выполнения второго пункта

  3. Верните прежние настройки для компонента, чтобы всё отображалось как раньше.

Задание второе: настройка компонента

Задание выполним на основе комплексного компонента Фотогалерея (Не Фотогалерея 2.0 !!). Для выполнения задания удалите из тестового раздела компонент Новости.

  1. Создайте информационный блок Фотогалерея с параметрами:
    • Название - Фотогалерея
    • Символьный код - test_gallery
    • Привязка - к действующему сайту
    • Свойства:
      • Оригинал: Тип - файл, обязательное, Код - REAL_PICTURE.
    • Результат выполнения первого пункта
  2. Скачайте и распакуйте архив фотографий для размещения в элементах инфоблока.
  3. Создайте разделы Мой альбом и Отпуск в инфоблоке. Создайте в разделе Отпуск - один элемент инфоблока, а в Мой альбом все остальные элементы, загружая одно и тоже фото в свойство Оригинал и в анонсовую и подробную картинки элемента. Анонсовые картинки ограничьте по высоте в 150 пикселей , а подробную картинку в 400 пикселей . Название элементам дайте сами, в символьный код вставьте название файла, в анонсовом описании продублируйте название элемента.

    Результат выполнения третьего пункта

  4. На странице Фотогалерея разместите комплексный компонент Фотогалерея и настройте его на инфоблок Фотогалерея.

    Результат выполнения четвёртого пункта

  5. Настройте компонент таким образом, чтобы:

    Страница Фотогалерея выглядела так:

    Страница альбома выглядела так:

    Страница конкретной фотографии выглядела так:

  6. Задание третье: настройка ЧПУ

    Пока адреса страниц в фотогалерее у нас такого вида (цифры, конечно же, другие):

    • *********.bitrixlabs.ru/test/?SECTION_ID=18&ELEMENT_ID=277 - для страницы отдельной картинки;
    • *********.bitrixlabs.ru/test/?SECTION_ID=18 - для страницы альбома

    Это не ЧПУ адреса. Включите ЧПУ и настройте компонент так, чтобы адреса выглядели:

    • *********.bitrixlabs.ru/test/my_album/girl.jpg/ - для страницы отдельной картинки;
    • *********.bitrixlabs.ru/test/my_album/ - для страницы альбома
    Внимание! Для получения такого результата одной настройки компонента будет мало, внесите изменения и в параметры альбома.


Текст раскрывает тему
Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

Мы благодарны вам за помощь в улучшении документации.

Курсы разработаны в компании «1С-Битрикс»