mxQuickView - компонент для быстрого просмотра ресурсов и товаров в MODX3



Показывайте товары и контент быстрее, без перехода на отдельную страницу. mxQuickView загружает HTML по AJAX и открывает quick view по клику или наведению: удобно для каталога, новостей, статей, блога и любых ресурсов MODX.

Это решение для тех, кто хочет:
  • сократить лишние клики и быстрее подводить пользователя к действию
  • встроить quick view без jQuery и тяжёлых кастомных решений
  • использовать уже знакомый стек сайта: native, Bootstrap или Fancybox
  • получить готовую интеграцию с MiniShop3 и поддержкой ms3Variants
🪟 Типы модалки
  • native — встроенная модалка без внешних зависимостей, mobile-first и с удобной кастомизацией через CSS-переменные
  • fancybox — для проектов, где Fancybox уже используется как стандартный lightbox/modal layer
  • bootstrap — для сайтов на Bootstrap 5, где важно сохранить привычную разметку и поведение modal
✨ Ключевые возможности
  • Рендер через chunk, snippet или template под разные сценарии интеграции
  • Вывод не только в модалку, но и в любой контейнер сайта через режим selector
  • Триггеры click и mouseover с настраиваемой задержкой
  • Prev/next-навигация в списках через data-mxqv-parent и data-mxqv-loop=«true»
  • JS-события mxqv:open, mxqv:loaded, mxqv:close для аналитики и кастомной фронтенд-логики
  • Поддержка контекстов, локализованных сообщений и мультиязычных проектов
  • Нативный JavaScript без jQuery и лишних фронтенд-зависимостей
🛒 Готово для MiniShop3
  • Быстрый просмотр карточек товаров и работа с любыми ресурсами в одном пакете
  • Добавление в корзину из quick view без перезагрузки страницы
  • Реинициализация MiniShop3 UI после AJAX-вставки
  • Поддержка ms3Variants (появится в следующей версии): variants_html, variants_json, переключение цены и изображения по выбранному варианту
  • Удобно для витрины, каталога, похожих товаров, акций и списков рекомендаций
🔒 Безопасность и контроль
  • Whitelist для allowed_chunk, allowed_snippet, allowed_template
  • Проверка доступа к ресурсу и валидация контекста перед рендером
  • Один POST-коннектор render с JSON-ответами и локализованными сообщениями
🚀 Быстрый старт
  1. Установите пакет через Extras — Installer
  2. Добавьте в шаблон [[!mxQuickView.initialize]] или Fenom-вызов {'!mxQuickView.initialize'|snippet}
  3. Проверьте whitelist и системные настройки в namespace mxquickview
  4. Добавьте триггеры data-mxqv-* в карточки каталога или списки ресурсов
📋 Требования
  • MODX Revolution 3+
  • PHP 8.1+
  • pdoTools 3.x (рекомендуется)
  • MiniShop3 (опционально, для каталога и корзины)
  • ms3Variants (опционально, для вариативных товаров)
Буду рад обратной связи и постараюсь оперативно реагировать на баги и предложения.

Полезные ссылки:
Иван Бочкарев
Иван Бочкарев
Вчера в 09:10
modx.pro
79
+2
Поблагодарить автора Отправить деньги

Комментарии: 0

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
0