Вывод разделов каталога на главной

WS Support
20 Марта 2019

Задача

Чтобы посетители интернет-магазина не теряли много времени на поиск интересующих их категорий товаров, разделы каталогов часто выносятся в отдельные блоки на главной странице сайта. Такие элементы одновременно привлекают взгляд, и при этом понятны и просты в использовании.

Информация в блоках всегда должна быть актуальной, поэтому контент-менеджеру важно самостоятельно добавлять и редактировать баннеры, а также менять порядок их вывода.

Владелец интернет-магазина нижнего белья LaRouge поставил перед нами задачу разработать инструмент, который помог бы легко с этим справляться. (https://larouge-lingerie.ru) .

Решение

Для реализации функционала мы создали в административной панели отдельный инфоблок с баннерами.

Заказчику было крайне важно, чтобы баннеры визуально отделялись от остальных элементов главной страницы промо-плашками

Мы создали разделы

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

Для хранения названий, ссылок и изображений предусмотрены соответствующие поля элементов инфоблока

Текст для серой плашки хранится в пользовательском свойстве каждого раздела инфоблока

Для корректного вывода изображений в каждом горизонтальном блоке берется пользовательское свойство раздела инфоблока “Тип блока”

От значения этого свойства зависит то, какой шаблон html-верстки будет применяться.

Чтобы изменить порядок отображения баннеров на странице, контент-редактору достаточно изменить индекс сортировки соответствующих разделов инфоблока

Задав сортировку элемента раздела, можно регулировать местоположение картинок внутри горизонтального блока.

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

Сомневаетесь? Оставьте контакты, подробно разберем ваши вопросы

Нажимая на кнопку «Отправить», вы даете согласие на отправку и обработку своих персональных данных
На данном сайте собираются метаданные пользователя (cookie, данные об IP-адресе и местоположении) для функционирования сайта. Если Вы не хотите чтобы эти данные обрабатывались, то должны покинуть сайт