Практические задания

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

Попрактикуем публикацию информации из инфоблоков. Задания необходимо выполнять последовательно.

1. Создайте на сайте новый раздел Новости моды и разместите в нём информацию из существующего инфоблока Новости (используйте комплексный компонент Новости). Настройте компонент следующим образом:
   • Шаблон компонента - bootstrap_v4;
   • Количество новостей на странице - 2;
   • В списке новостей для каждой новости должна выводиться дата. Формат даты - ДД-ММ-ГГГГ;
   • На детальной странице просмотра Новости должно отображаться количество показов;
   • Шаблон постраничной навигации - grid. Навигация должна выводиться над списком и под списком. А также иметь ссылку для показа всех новостей.

   Решение
   Задание составлено по материалам уроков: Компоненты: выставляем информацию напоказ. Результат:

2. Сейчас адрес страницы детального просмотра новости имеет вид: http://[ваш_сайт]/novosti-mody/?ELEMENT_ID=359, где 359 - ID новости (у вас может быть другое число).
   Сначала измените настройки компонента Подсказка: нужные настройки находятся в секции Управление адресами страниц. Новости так, чтобы адрес имел вид: http://[ваш_сайт]/novosti-mody/?ARTICLE=359. Затем, включите ЧПУ и настройте его параметры так, чтобы адрес новости стал вида: http://[ваш_сайт]/novosti-mody/article-[символьный_код_новости]/.

   Решение
   Задание составлено по материалам уроков: ЧПУ: делаем адреса понятными. Результат:



Следующие задания более сложные. Попробуем поработать с комплексным компонентом Каталог. На сайте опубликуем ранее созданный каталог Вещи для сна, который мы наполнили товарами с помощью импорта. После изучения текущего курса, более подробно с работой магазина и товарным каталогом Вы можете ознакомиться в специальном курсе Администратор. Бизнес. Сейчас мы лишь опробуем некоторые возможности.
3. * Сложное задание Вернемся к ранее созданному каталогу Вещи для сна. Опубликуем его в публичном разделе. Перед публикацией каталог нужно подготовить:
   • Сделайте его торговым каталогом Опция во вкладке Торговый каталог в форме редактирования инфоблока. ;
   • После проставьте цены Сделать это можно в форме редактирования элемента (вкладка Торговый каталог, параметр Базовая цена (розничная)), либо в списке товаров с помощью массового редактирования элементов. для всех товаров каталога.
   Затем создайте новый раздел на сайте и опубликуйте каталог при помощи комплексного компонента Каталог. В настройках компонента обязательно выберите Тип цены - Розничная, для отображения цен на товары.

   Решение
   Задание составлено по материалам урока: Компоненты: выставляем информацию напоказ. Результат:

4. * Сложное задание В настройках компонента Каталог включите фильтр:
   • Пусть фильтр будет горизонтальным и фильтрация будет доступна по всем свойствам инфоблока и по цене;
   • Для того, чтобы свойства стали доступны в фильтре, в настройках каждого свойства включите опцию Показывать в умном фильтре и настройте вид отображения по своему усмотрению.
   Теперь, когда фильтр включен, настроим ЧПУ для фильтра и для разделов/элементов каталога:
   • Во всех адресах должны использоваться символьные коды, а не ID;
   • В шаблоне адреса фильтра также замените слово apply на select.
   В завершение добавьте фильтру мгновенную фильтрацию. Для этого в настройках компонента включите режим AJAX и мгновенную фильтрацию в секции настроек фильтра.

   Решение
   Задание составлено по материалам уроков: Компоненты: выставляем информацию напоказ. ЧПУ: делаем адреса понятными; Красивые адреса для фильтра товаров. Результат:

Где выполнять задания?

Демонстрационную версию с пробным периодом в 30 дней вы можете установить на свой компьютер или на хостинг. Подробная информация о настройке каждого варианта представлена в уроке Где практиковаться и выполнять задания.