Skip to content
mxQuickView
mxQuickView
Быстрый просмотр карточки товара и любых ресурсов по AJAX для MODX 3
  • MODX 3
  • PHP 8.1
  • miniShop3
  1. Компоненты
  2. mxQuickView

mxQuickView ​

mxQuickView загружает контент ресурса по AJAX и показывает его в модалке или в контейнере (selector).

Быстрые ссылки ​

НужноДокумент
Подключить на сайт (Fenom/MODX)Интеграция
Настроить белый список в панели управленияАдминка
Точка входа, тело запроса и ответы JSONAPI
Потоки (modal/selector, loop, варианты)Потоки
Тип отрисовки (chunk, snippet, template)Типы рендера

Кому что читать ​

Что умеет дополнение ​

  • Отрисовывает три типа: chunk, snippet, template.
  • Режимы modal и selector.
  • Три библиотеки модалки: native, bootstrap, fancybox.
  • Навигация prev/next в списке при data-mxqv-loop="true": кнопки есть только в режимах native и bootstrap, в Fancybox остаются клавиши ← / →, которые работают во всех режимах.
  • После подгрузки вызывает ms3.cartUI, ms3.quantityUI, ms3.productCardUI.reinit() и событие ms3:cart:updated (если MiniShop3 на странице).
  • ms3Variants в quick view (variants_html, variants_json, has_variants).

Требования ​

ТребованиеВерсия
mxQuickView1.0.1
MODX Revolution3.0.0 и выше
PHP8.1 и выше
MiniShop3опционально, для корзины и product card UI
ms3Variantsопционально, для выбора вариантов в модалке
pdoTools3.x с Fenom, рекомендуется

pdoTools нужен потому, что чанки поставки mxqv_product и mxqv_resource написаны на Fenom. Без pdoTools в HTML останутся сырые {$…}.

Быстрый старт ​

  1. Установите пакет mxQuickView через репозиторий ModStore: transport зашифрован, нужен провайдер https://modstore.pro/extras/ и действующая лицензия.
  2. Проверьте namespace mxquickview в системных настройках (особенно белый список).
  3. Подключите в шаблоне: Fenom — {'!mxQuickView.initialize'|snippet}, MODX — [[!mxQuickView.initialize]].
  4. Добавьте триггер с data-mxqv-click, data-mxqv-action, data-mxqv-element, data-mxqv-id.

Ключи mxquickview_* и перекрытие свойств сниппета — в системных настройках.