Задача
Разработать и внедрить сервис сравнения товаров (компаратор) для интернет-магазина на WordPress. На данный момент в интерфейсе уже установлена иконка в виде весов возле каждой карточки товара. Необходимо сохранить эту же иконку также возле кнопки 'Корзина' на странице товара.
Функциональные требования
- При нажатии на иконку весов товар должен добавляться в список сравнения (без перезагрузки страницы, через AJAX или механизмы одиночной страницы).
- Одна и та же иконка должна выполнять роль переключателя: добавлять товар в список при первом клике и убирать товар при втором.
- Наличие отдельного раздела (страницы) 'Сравнить', куда пользователь может перейти и посмотреть все отмеченные товары.
- В разделе сравнения должны отображаться все характеристики товаров (полные параметры из карточки товара), а также проводиться визуальное сопоставление: рядом располагаются одинаковые или различающиеся характеристики.
- Интерфейс раздела сравнения должен быть адаптивным, понятным и удобным для пользователя (по принципу - рядом с ценами, фото, артикулами и техническими данными).
- Всё реализуется на базе WordPress, желательно без использования сторонних коммерческих плагинов или с помощью бесплатных / кастомных решений.
Технические примечания
- Упоминание интернет-магазина и деталей заказчика скрыты. На скриншотах, отправленных заказчиком, была показана существующая иконка.
- Логику работы на клиентской стороне (JavaScript + AJAX) реализовать так, чтобы не было конфликтов с темой и плагинами, уже установленными на сайте.
- Административных панелей или сложного функционала для настройки не требуется, за исключением возможности в будущем указать максимальное количество товаров в сравнении.