Pure Wishlist & Compare

Этот плагин добавляет на ваш интернет-магазин две важные функции:

1. Список желаний (Wishlist) — пользователи могут сохранять понравившиеся товары, чтобы вернуться к ним позже.
2. Сравнение товаров (Compare) — возможность сравнивать характеристики нескольких товаров в одной таблице.

Дизайн — минималистичный, чёрно-белый, вписывается в любой современный шаблон. Полная совместимость с Divi 5.

Версия: 1.0.0
Требует: WooCommerce + WordPress

Структура файлов

pure-favorite/
├── wcwc-wishlist-compare.php        # Главный файл плагина (загрузка)
├── uninstall.php                    # Удаление данных при деинсталляции
├── assets/
│   ├── css/
│   │   └── wcwc-front.css           # Стили фронтенда
│   └── js/
│       ├── wcwc-front.js            # JavaScript (AJAX, кнопки, обновление)
│       └── wp-color-picker-alpha.min.js  # Выбор цвета с прозрачностью
├── includes/
│   ├── class-wcwc-admin.php         # Настройки в админке
│   ├── class-wcwc-ajax.php          # Обработка AJAX-запросов
│   ├── class-wcwc-hooks.php         # Хуки: вывод кнопок на карточках товаров
│   ├── class-wcwc-shortcodes.php    # Шорткоды для страниц
│   └── class-wcwc-storage.php       # Хранение данных (куки / user meta)
├── templates/
│   ├── wishlist-table.php           # Шаблон таблицы избранного
│   └── compare-table.php            # Шаблон таблицы сравнения
└── languages/
    └── wcwc-ru_RU.po/.mo            # Русский перевод

---

Основные функции

Кнопки «В избранное» и «Сравнить»

• Автоматически появляются на карточках товаров в каталоге (archive/loop) — при наведении мыши.
• Автоматически появляются на странице товара (single product) — рядом с кнопкой «В корзину».
• Положение кнопок на карточке настраивается: сверху-справа, сверху-слева, снизу-справа, снизу-слева.
• Кнопки реагируют на нажатие без перезагрузки страницы (AJAX).
• Активное состояние (товар уже в списке) подсвечивается.

Список желаний (Wishlist)

• Страница со списком сохранённых товаров
• Отображает: изображение, название, цену, кнопку «В корзину»
• Кнопка удаления товара из списка
• Адаптивный дизайн (мобильная версия)

Сравнение товаров (Compare)

• Таблица, где каждая колонка — один товар, строки — характеристики
• Сравниваются: цена, вес, наличие на складе
• Автоматически подгружаются все атрибуты товаров (размеры, цвета, материалы и т.д.)
• Кнопка «В корзину» для каждого товара
• Горизонтальная прокрутка, если товаров много
• Первая колонка (названия характеристик) закреплена

Счётчики

Плагин может показывать количество товаров в избранном/сравнении/корзине в любом месте сайта (например, в шапке или в меню). Счётчики автоматически скрываются, когда там пусто.

Кастомная корзина [pure_cart]

Альтернативный дизайн корзины WooCommerce:

• Сетка вместо таблицы
• Инлайн-кнопки +/– для изменения количества
• Поле ввода промокода прямо внутри блока с итогами
• Минималистичный чёрно-белый стиль
• Адаптивность под мобильные устройства

Шорткоды (как вывести на странице)

Шорткод	Что делает	Куда вставлять
[wcwc_wishlist]	Страница со списком избранного	Любая страница
[wcwc_compare]	Таблица сравнения товаров	Любая страница
[wcwc_count type="wishlist"]	Счётчик избранного (число)	Шапка, меню, сайдбар
[wcwc_count type="compare"]	Счётчик сравнения (число)	Шапка, меню, сайдбар
[wcwc_cart_count]	Счётчик корзины (число)	Шапка, меню, сайдбар
[pure_cart]	Кастомная страница корзины	Любая страница (нужно включить в настройках)

CSS-классы для счётчиков (для стилизации):

• .wc-wishlist-count — обёртка счётчика избранного
• .wc-compare-count — обёртка счётчика сравнения
• .wc-cart-count — обёртка счётчика корзины

Настройки (админ-панель)

Заходите: Pure plugins → Wish & Compare

Вкладка Shortcodes

Показывает все доступные шорткоды с описанием и кнопкой «Копировать».

Вкладка Settings

Основные:

• Положение иконок на карточке товара (top-right, top-left, bottom-right, bottom-left)
• Текст кнопки «В избранное» на странице товара
• Текст кнопки «Сравнить» на странице товара
• Срок хранения куки (для неавторизованных пользователей) — 1–365 дней
• Лимит сравнения — сколько товаров можно добавить (2–20)
• Показывать кнопку «В корзину» в таблице избранного (вкл/выкл)
• Символ валюты (можно заменить, например, «₽» вместо стандартного)

Видимость кнопок:

• На десктопе: «Показывать при наведении» или «Всегда видно»
• На мобильных: «Показывать при наведении» или «Всегда видно»
• Радиус скругления кнопок (по умолч. 50% — круглые)

Цвета кнопок:

• Цвет фона: обычный, при наведении, в активном состоянии
• Цвет границы: обычный, при наведении, в активном состоянии
• Цвет иконки: обычный, при наведении, в активном состоянии
• Поддержка RGBA (прозрачность) через специальный пикер

Pure Cart:

• Включение/выключение шорткода [pure_cart]

Custom CSS:

• Дополнительные стили для тонкой настройки

Как это работает (технически)

Хранение данных

• Авторизованные пользователи: данные сохраняются в user_meta (в базе данных WordPress). При входе в систему данные из куки автоматически сливаются с данными из профиля (merge on login).
• Гости: данные хранятся в куках браузера.

AJAX

Все действия (добавить/удалить) происходят без перезагрузки страницы. Обновляются счётчики и состояние кнопок на всём сайте одновременно.

Nonce (безопасность)

Плагин автоматически обновляет nonce-токен на кешированных страницах, чтобы защищённые AJAX-запросы работали корректно.

Совместимость

• WooCommerce
• Divi 5 (события et_builder_api_ready, et_fb_after_layout_change)
• Любые темы, использующие стандартные хуки WooCommerce

Для разработчиков

CSS-переменные (можно переопределить в теме):

--wcwc-active-color: #000000;
--wcwc-btn-bg: #ffffff;
--wcwc-btn-hover-bg: #000000;
--wcwc-btn-active-bg: #000000;
--wcwc-icon-color: #000000;
--wcwc-icon-hover-color: #ffffff;
--wcwc-icon-active-color: #ffffff;
--wcwc-border-color: #cccccc;
--wcwc-hover-border-color: #000000;
--wcwc-active-border-color: #000000;
--wcwc-btn-radius: 50%;

JavaScript-события:

• wcwc:toggle — срабатывает после добавления/удаления товара (избранное/сравнение)
• wc_fragments_refreshed, added_to_cart, removed_from_cart, updated_wc_div — для обновления счётчика корзины