Сотбит: Розница 1.6.0 — новый вид карточки товара с табами и группировкой свойств — советы в блоге

Карточка товара — один из ключевых элементов в интернет-магазине. Именно здесь формируется первое впечатление и принимается решение: оформить заказ или закрыть вкладку.

По данным исследований Baymard Institute (49 Cart Abandonment Rate Statistics 2025), до 70% пользователей прерывают покупку из-за плохого UX, включая путаные или перегруженные карточки товара, где сложно найти нужную информацию.

В Сотбит: Розница 1.6.0 мы закрываем эту проблему и делаем карточку удобной, наглядной и гибкой. Главное изменение — её новый формат. Вместо сплошного потока характеристик и текста теперь используются вкладки (табы), в которые можно разнести всё: описание, параметры, отзывы, инструкции, медиа и любые дополнительные блоки.

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

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

Что нового:

• Добавлен новый вид карточки товара с вкладками (табами);

• Поддерживается вывод пользовательских табов;

• Реализована привязка свойств и сортировка к конкретным вкладкам;

• Добавлена интеграция с модулем Сотбит: Группировщик свойств

Перейдем к подробностям

[spoiler]
Новый вид карточки товара с табами

До версии 1.6.0 в Сотбит: Розница было доступно два варианта карточки товара — оба в виде единой прокручиваемой страницы. Вся информация выводилась подряд: описание, характеристики, доставка, отзывы.

Но при большом объёме контента такой формат превращался в длинное полотно, где сложно ориентироваться. Навигация усложнялась, интерфейс перегружался.

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

Теперь вы можете структурировать информацию о товаре по вкладкам (табам), делая карточку чище, понятнее и удобнее. Покупателю больше не нужно прокручивать страницу в поисках нужных данных — всё аккуратно разнесено по логическим блокам.

Что входит в стандартные табы

Сразу после включения функционала в карточке отображаются три базовые вкладки:

• Описание — текстовое описание товара;

• Характеристики — список параметров и свойств;

• Отзывы — блок с комментариями и оценками покупателей.

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

Гибкая настройка пользовательских табов

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

Сценарии использования пользовательских табов:

• Публикация обзоров, гайдов, инструкций и аналитических материалов;

• Добавление видеообзоров, схем подключения, таблиц совместимости;

• Отображение данных от бренда, поставщиков или партнёров;

• Размещение дополнительных документов и ссылок.

Контент в пользовательских вкладках поддерживает HTML-форматирование: вы можете легко вставлять тексты, изображения, таблицы, видео и ссылки.

Привязка свойств к табам

Особенность новой системы табов — возможность выводить конкретные свойства товара в нужную вкладку. Это особенно удобно, если вы хотите:

• Вынести комплектацию или спецификации в отдельную вкладку;

• Разнести технические и визуальные характеристики по разным табам.

Управление порядком табов

Все табы — и стандартные, и созданные вами — можно гибко сортировать. Вы сами задаёте порядок вкладок и определяете, что будет видно первым, а что — в конце.

Итог: вы получаете логично структурированную карточку товара, полностью соответствующую специфике вашего ассортимента и привычкам ваших клиентов.

Интеграция с модулем Сотбит: Группировщик свойств

Также в релизе 1.6.0 реализована бесшовная интеграция с модулем Сотбит: Группировщик свойств. Теперь можно объединять свойства в группы и красиво выводить их внутри карточки товара.

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

Полный список обновления Сотбит: Розница 1.6.0

Новые функциональные возможности:

• Добавлен вид детальной карточи товара с табами;

• Реализована бесшовная интеграция с модулем Сотбит: Группировщик свойств.

Оптимизация и исправления:

• Оптимизирован механизм изменения количества товара для добавления в корзину;

• Оптимизирован ресайз картинок;

• Улучшены методы оптимизации css (sotbit.speedpage 1.0.2);

• Оптимизирован метод минификации html (sotbit.speedpage 1.0.2).

• Оптимизирован механизм получения свойств (sotbit.propertygroup 1.0.1);

• Оптимизирована работа поиска по свойствам в административной части (sotbit.propertygroup 1.0.1).

• Прочие мелкие правки.

Резюме

Обновление Сотбит: Розница 1.6.0 — это шаг вперёд в удобстве, гибкости и пользовательском опыте. Мы закрыли ключевые проблемы: перегруженные карточки, хаос в характеристиках и трудности с восприятием информации.

Теперь карточка товара становится логичной и наглядной. Новая система табов позволяет разнести контент по разделам — от описания и характеристик до инструкций, документов и медиа.

А интеграция с модулем Сотбит: Группировщик свойств помогает структурировать параметры по группам и упростить восприятие даже сложных товаров.

Решение уже доступно для обновления. А если вы только планируете запуск — самое время попробовать Сотбит: Розницу: оцените современный интерфейс, гибкие настройки и готовность к росту прямо «из коробки».

Оригинальная статья.