Каталог септиков Bioseptikon: выбор вариаций прямо в карточке

Задача

В стандартной сетке UniTheme2 покупатель видел только фото, название, цену и кнопку корзины. Для септиков этого мало: у одной модели есть разные способы отвода, модификации, монтаж, глубина залегания трубы и другие характеристики. Нужно было вывести эти данные в листинг и сохранить удобный сценарий покупки на десктопе и мобильных устройствах.

Решение

В десктопной сетке добавили переключатели вариаций, технические характеристики и кнопку выбора опций. Для мобильной версии использовали вид «Список без опций»: рядом с корзиной появилась кнопка «Опции», а характеристики и вариации остались доступны без перегруза карточки. При переключении вариации значения характеристик обновляются, а кнопки «В корзину», «Выбрать опции» и «Опции» открывают единый попап выбора.