Склейка карточек товара с разными характеристиками на vivatek.ru

Задача

Улучшить навигацию в каталоге vivatek.ru. Покупателям было сложно выбирать товары с разными характеристиками: iPhone разных цветов, MacBook с разным объемом памяти. Каждый вариант — отдельная карточка.

Что такое склейка карточек

Склейка — это объединение карточек товара с разными характеристиками в одну группу. Вместо 10 отдельных карточек iPhone разных цветов покупатель видит одну карточку с выбором цвета.

Пример

Было: 5 карточек "iPhone 15 черный", "iPhone 15 белый", "iPhone 15 синий", "iPhone 15 128GB", "iPhone 15 256GB". Стало: 1 карточка "iPhone 15" с выбором цвета и памяти.

Как реализовали

Три способа склейки

По артикулу — товары с похожими артикулами объединяются (например, iPhone-15-BLK, iPhone-15-WHT)
По дополнительному полю — создается поле "Группа" с одинаковым значением для склейки
По параметрам — товары с одинаковыми параметрами (модель, бренд) объединяются

Автоматическое обновление

При выборе характеристики (цвет, память) автоматически обновляется:

Название товара
Код товара
URL в адресной строке
Характеристики в карточке

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

Результат

Товары с разными характеристиками объединены в группы
Удобный выбор цвета и памяти в одной карточке
Автоматическое обновление названия, кода, URL
Применяется к новым товарам автоматически