Описание проекта
Ведём интернет-магазин с несколькими сотнями карточек товаров в разных категориях, и сейчас покупателю неудобно сопоставлять похожие позиции между собой — приходится открывать карточки по очереди и держать параметры в голове. Нужен виджет сравнения: покупатель отмечает галочкой два и более товара прямо в каталоге или в результатах поиска, после чего открывается панель с таблицей, где все технические характеристики выбранных товаров выстроены построчно друг напротив друга.
Характеристики должны подтягиваться из карточки товара — атрибуты уже хранятся в базе структурированно, не текстом в описании — и группироваться по разделам вроде общих параметров, габаритов и материалов. Строки, где значения у товаров расходятся, нужно подсвечивать фоном, чтобы отличие было видно сразу, без построчного чтения таблицы. Выбор товаров должен сохраняться, пока покупатель листает каталог дальше: можно добавлять и убирать позиции из сравнения, не теряя уже отмеченные. На мобильных экранах полная таблица не помещается, поэтому нужен адаптивный вариант — свайп между колонками или сворачивание разделов.
Кратко, что важно:
— сохранение выбора при переходах по каталогу;
— группировка характеристик по разделам;
— подсветка отличающихся значений и переключатель скрытия одинаковых строк;
— адаптивная вёрстка таблицы под мобильные устройства.
Характеристики должны подтягиваться из карточки товара — атрибуты уже хранятся в базе структурированно, не текстом в описании — и группироваться по разделам вроде общих параметров, габаритов и материалов. Строки, где значения у товаров расходятся, нужно подсвечивать фоном, чтобы отличие было видно сразу, без построчного чтения таблицы. Выбор товаров должен сохраняться, пока покупатель листает каталог дальше: можно добавлять и убирать позиции из сравнения, не теряя уже отмеченные. На мобильных экранах полная таблица не помещается, поэтому нужен адаптивный вариант — свайп между колонками или сворачивание разделов.
Кратко, что важно:
— сохранение выбора при переходах по каталогу;
— группировка характеристик по разделам;
— подсветка отличающихся значений и переключатель скрытия одинаковых строк;
— адаптивная вёрстка таблицы под мобильные устройства.
Разработка для WEB Наличные, Банковский перевод
