Как удалить товар из избранного

Функционал «избранные товары» - важный элемент интернет-магазина, позволяющий пользователям сохранять понравившиеся позиции для быстрого доступа. Однако не менее важна и возможность легко удалить товар из этого списка. Разберём основные способы реализации удаления из избранного на сайте, а также типичные ошибки.

Способы удаления из избранного

Существует несколько популярных методов, которые зависят от архитектуры сайта и используемой CMS. Рассмотрим их подробнее.

Удаление через JavaScript (AJAX)

Самый распространённый вариант - отправка асинхронного запроса на сервер при клике на кнопку «Удалить из избранного». Это позволяет обновить интерфейс без перезагрузки страницы. Пример кода:

fetch('/favorites/remove', { method: 'POST', body: JSON.stringify({ productId: 123 }) }).then(response => { if(response.ok) { document.querySelector('.fav-btn').classList.remove('active'); } });

Важно: после успешного ответа сервера нужно обновить счётчик избранного и визуальное состояние кнопки.

Удаление на стороне сервера (PHP, Python и др.)

Если вы используете серверную логику без AJAX, удаление происходит через отправку формы или GET-параметра. Пример на PHP:

if(isset($_GET['remove_fav'])) { $userId = $_SESSION['user_id']; $productId = (int)$_GET['remove_fav']; $db->query('DELETE FROM favorites WHERE user_id = ? AND product_id = ?', [$userId, $productId]); header('Location: /favorites'); }

Этот метод проще в реализации, но требует перезагрузки страницы.

Удаление из избранного в популярных CMS

Для каждой платформы есть свои нюансы.

WordPress (WooCommerce)

В WooCommerce избранное обычно реализуется через плагины (например, YITH WooCommerce Wishlist). Удаление товара происходит по нажатию на крестик или кнопку «Удалить». Если вы пишете свою реализацию, используйте wp_ajax_nopriv_* и wp_ajax_* хуки для обработки запросов.

OpenCart

В OpenCart есть встроенная функция «Закладки». Удаление осуществляется через ссылку с параметром remove. Пример маршрута: index.php?route=account/wishlist&remove=PRODUCT_ID. После удаления происходит редирект обратно на страницу списка.

Самописные решения

Если сайт написан с нуля, рекомендуется хранить избранное в сессии или базе данных. Для удаления достаточно выполнить DELETE-запрос по идентификатору пользователя и товара. Не забудьте про проверку прав доступа.

Частые ошибки и как их избежать

• Отсутствие подтверждения удаления. Добавьте всплывающее сообщение или анимацию, чтобы пользователь понимал, что товар удалён.
• Необновление счётчика. После удаления количество избранных товаров должно уменьшиться в интерфейсе.
• Проблемы с кэшированием. Если используется кэш страниц, убедитесь, что состояние избранного не кэшируется.
• Небезопасные запросы. Всегда проверяйте, что пользователь авторизован и имеет право удалять конкретный товар.

Советы по UX и SEO

Для удобства пользователей размещайте кнопку удаления рядом с каждым товаром в списке избранного. Используйте иконку корзины или крестик. С точки зрения SEO, страница избранного должна быть закрыта от индексации (мета-тег noindex), чтобы не создавать дубли контента. Также убедитесь, что ссылки на удаление не передают вес страницам товаров.