От решения проблем к созданию возможностей: как мы создаем уникальный функционал в рамках техподдержки сайтов

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

Цель — упростить навигацию для профессиональной аудитории и ускорить доступ к нужным категориям товаров (например, розетки Schneider Electric серии Atlas Design).

Ранее подобной функции не существовало.

Каталог не позволял предварительно отбирать товары и отображать готовые подборки в отдельных блоках. Пользователю приходилось искать нужные товары через общий каталог, применяя фильтры вручную.

• На сайте отсутствовала возможность создавать и размещать подборки товаров.
• Каталог имел только стандартную фильтрацию.
• Покупателям приходилось вручную искать нужные товары.

Цель - Создать механизм, позволяющий:

• собирать подборки товаров с заданными фильтрами;
• прикреплять к ним изображения и названия;
• размещать их на любых страницах сайта — от главной до детальной карточки бренда или статьи;
• переходить по ссылке сразу к отфильтрованным результатам в каталоге.

• Сайт получил инструмент для повышения удобства и продаж: пользователи переходят сразу к нужному ассортименту.


• Визуальные подборки усиливают UX и маркетинговую составляющую сайта.


• Размещение блоков стало возможным без дополнительной верстки или кода.

• Использованы возможности 1С-Битрикс (работа с инфоблоками, кастомными шаблонами, компонентами).
• Разработка велась с учётом ограничений бюджета и без ущерба для ключевой задачи.
• Компонент масштабируем: можно создавать десятки подборок, не привлекая программистов.

Архитектура решения

Система включает два основных инфоблока:

• Основной инфоблок для главной страницы
• Специальный инфоблок для страниц брендов

Каждый инфоблок содержит:

• Изображение
• Название блока
• Каталог товаров по фильтру

Ограничения

Отсутствовал бюджет на создание полноценного интерфейса в административной панели, поэтому часть действий требует ручного редактирования.

Компонент работает медленнее при большом количестве параметров и товаров.

Функционал добавления подборок товаров

Процесс создания подборки включает следующие шаги:

1. Подготовка фильтра

• Перейдите в нужный раздел каталога
• Настройте необходимые параметры фильтра
• Скопируйте ссылку из адресной строки браузера (без домена)

2. Создание инфоблока

• В административной панели перейдите в раздел Контент → Кастомный блок фильтра
• Нажмите Создать элемент
• Добавьте скопированную ссылку на фильтр
• Загрузите изображение для блока во вкладке Анонс

3. Размещение на странице:

• Обновите кэш страницы
• Нажмите Изменить страницу
• Добавьте компонент Список элементов по фильтру

• При увеличении бюджета — реализовать интерфейс управления через панель администратора c визуальным редактором.
• Оптимизировать работу компонента при большом количестве фильтров.

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

Разработанный функционал не только решил первоначальную проблему, но и создал дополнительные возможности для развития сайта.

Это подтверждает, что грамотное техническое решение может стать мощным инструментом для развития бизнеса.

• Сайт получил инструмент для повышения удобства и продаж: пользователи переходят сразу к нужному ассортименту.


• Визуальные подборки усиливают UX и маркетинговую составляющую сайта.


• Размещение блоков стало возможным без дополнительной верстки или кода.

• Владельцам интернет-магазинов на Bitrix, где нет встроенного решения для подбора товаров.
• Проектам с ограниченным бюджетом, которым нужен результат «здесь и сейчас».
• Командам маркетинга, которым важно самостоятельно управлять подборками на сайте.