Контентная фильтрация товаров 18+ и защита от быстрого доступа

Задача: Обеспечить контентную защиту и ограничение покупки книг, подпадающих под возрастное ограничение 18+, а также выполнить это без изменения публичной карточки товара.

---

Пользователь должен пройти возрастную проверку при попытке просмотреть или купить книгу, если она имеет специальную пометку. Ключевой акцент — защита на уровне каталога и виджетов, при сохранении полной доступности карточки товара после подтверждения возраста.

Размытие изображений (blur)

• Изображения книг, в описании которых есть зарезервированное слово (например, #blur18), автоматически размываются.
• Эффект применяется в каталоге, каруселях сопутствующих товаров, корзине, главной странице (виджеты), но не на странице самого товара.
• Галерея разворотов (если представлена сразу в карточке каталога) размывается целиком.

Стикер “18+”

• К таким товарам автоматически добавляется визуальный бейджик «18+».
• Бейдж отображается как в каталоге, так и на странице товара.

Блокировка кнопки “в корзину”

• Для книг, где отмечено участие иноагентов, удаляется или деактивируется возможность быстро положить товар в корзину из каталога.
• Добавление в корзину возможно только после перехода в карточку товара и подтверждения возраста.

Модальное окно подтверждения возраста

• При клике на размытое изображение или кнопку «В корзину» появляется окно: «Вам исполнилось 18 лет?» Да / Нет

Гибкая настройка

• Текст окна, кнопок и логика поведения настроены через отдельный виджет.
• Опционально: можно изменить способ хранения согласия (временный или постоянный — до 365 дней через localStorage).

Технические особенности

• Использован JavaScript + CSS без модификации шаблонов темы.
• Скрипт отслеживает DOM-элементы с зарезервированными маркерами (#blur18, #noquickcart).
• При рендере страницы или появлении новых блоков (в т.ч. через AJAX) блюр применяется автоматически.
• Модальное окно — настраиваемое, вызывается при взаимодействии с защищенным товаром.

Особенности под тему Revmag. Реализация учла особенности верстки темы:

• Переопределение классов для каруселей и карточек;
• Работа с lazy-load изображениями;
• Стилизация стикеров и маска кнопок «в корзину».

Хотите автоматизировать работу вашего интернет-магазина?

Свяжитесь с нами для консультации и разработки индивидуального решения под ваши задачи. Поможем оптимизировать бизнес-процессы и повысить эффективность вашего e-commerce проекта.