Троя

Троя

Поддержка и развитие интернет-магазина

Москва

бета тестирование

Как мы разработали мебельные комплекты для интернет-магазина на Битрикс

Салют! В этом кейсе мы расскажем, как разработали функционал комплектов мебели по сериям для интернет-магазина мебели и с какими трудностями столкнулись: — Провели интервью с клиентом, построили структуру будущих комплектов;
— Определили нахождение блоков в админ панели для удобного пользования функционалом
— Продумали внешний вид карточки комплекта
— Трудности с которыми мы столкнулись в завершающем этапе разработки

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

А теперь предлагаем погрузиться в проект вместе с нами.
Поехали!

Информация о проекте

Торговый Дом «Троя» — ведущий поставщик офисной мебели и интерьеров в Ульяновске и области с 1999 года. Мы предлагаем широкий ассортимент: кабинеты руководителей, мебель для персонала, офисные кресла, сейфы, металлические верстаки, мягкую мебель и мебель для детских учреждений.

Цели клиента:

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


По итогам созвона с клиентом мы выяснили что:

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

Таким образом мы сформулировали ряд пунктов, которые необходимо выполнить для достижения необходимого результата в оговоренные сроки:

Создание раздела для комплектов
Добавление карточки комплекта
Добавление товара в комплект, с разделением по сериям

Также мы учли то, что у клиента товары выгружаются с 1С, и при выгрузке не должны затираться комплекты и товары.

После получения всех данных и декомпозиции задачи, мы приступили к работе.

1..Создание раздела комплектов.

Это был один из самых быстрых этапов в данной разработке, т. к., основной функционал заложен CMS 1С Битрикс, нам нужно было его лишь немного доработать под нашу задачу.

Так как у нас товары выгружаются с 1С, нам необходимо раздел комплектов добавлять в инфоблоке «Каталог 1С»

Мы провалились в «Каталог 1С», переходим в нужное для нас направление и добавляем там раздел с комплектами.

Далее создали раздел комплекта. Для того чтобы этот раздел опознавался системой как раздел для комплектов, мы вывели свойство комплект при создании раздела.

При нажатии этой галочки наш раздел становится отличным от других и имеет другую структуру и функционал.

Без этой галочки комплекты создаваться не будут и не будет нужной для нас карточки комплекта

Далее создали раздел комплекта. Для того чтобы этот раздел опознавался системой как раздел для комплектов, мы вывели свойство комплект при создании раздела.

При нажатии этой галочки наш раздел становится отличным от других и имеет другую структуру и функционал.


Без этой галочки комплекты создаваться не будут и не будет нужной для нас карточки комплекта

2..Добавление карточки комплекта

Мы расскажем как создавались карточки комплектов, как добавить товары и с чем мы столкнулись при тестировании выгрузки с 1С на сайт и как мы решили это препятствие.

Начнем с самого простого, это создадим карточку комплекта.
Мы переходим в раздел который создали для комплектов.

Присваиваем название комплекту и добавляем фото.
Важным условием в карточке комплекта, это было создание карусели с фото

Присваиваем комплекту «Группу комплекта», по этому свойству, все комплекты с указанной группой будут подвязываться в общую карточку комплекта.

Это сделано для того, чтобы в карточке была вариация цветов комплекта.

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

Что получили в итоге:

Теперь нам нужно наполнить карточку комплекта товарами из этой серии.

Для этого в товары мы добавили свойство «Комплект» по которому идет привязка товара к нужному комплекту.

После привязки товара, он появляется в карточке комплекта, но для того чтобы появился фильтр, в карточке товара должно обязательно прописано свойство «Вид товара»

Например:

И вот мы все сделали по тз клиента, казалось бы все окей, несите акт и открываем шампанское)

Тут из-за угла к нам подкрадывается сложность о которой мы говорили ранее в этом кейсе)

При выгрузке товаров с 1С, наши комплекты и раздел деактивируются и товары слетают.
Казалось бы, что мы продумали уже этот момент на этапе доработки данного ТЗ от клиента, но что-то пошло не так)

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

Нужно всего лишь дописать к коду на выгрузку «обработчик событий» и «обработчик на сохранение»


Обработчик на сохранение — забирает свойства комплектов и сохраняет, а обработчик событий получает данные о комплектах, чтобы после выгрузки 1С, он проверил и заполнял недостающие данные в комплектах.

Как выглядит фильтр в карточке комплекта:

Финальный результат

Мы расскажем как создавались карточки комплектов, как добавить товары и с чем мы столкнулись при тестировании выгрузки с 1С на сайт и как мы решили это препятствие.

Начнем с самого простого, это создадим карточку комплекта.
Мы переходим в раздел который создали для комплектов.

По завершению данной разработки мы выделили для себя следующее:

Везде где есть 1С нужно консультироваться со специалистом на 1С, желательно это делать на этапе брифа клиента)

На таких непростых разработках обязательно делать подробное ТЗ и декомпозицию задачи. Без этого делать контрольные точки и в вложиться в оценку, а также в сроки, будет достаточно сложно.
Ведь у заказчика есть свои планы по запуску в работу и когда мы их нарушаем, то предстаем не в лучшем виде, а никому ведь этого не хочется. Верно?)

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

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

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

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

Надеемся, что данный кейс был для вас полезен. Благодарим за внимание!

С уважением, команда ITC MEDIA.

Давайте обсудим развитие вашего проекта

Просто приходите на бесплатный аудит и получите стратегию развития
на ближайшие 3 месяца:

Нажимая на кнопку, я соглашаюсь на обработку своих персональных данных

Дарья Семенова

Аккаунт менеджер

Экспресс аудит

Прогноз результатов

Оценку окупаемости