MODX 3
MiniShop3
Native JS
mxQuickView — modalLibrary "native"
Компонент для быстрого просмотра ресурсов и товаров в MODX: подгружает контент без перезагрузки страницы и показывает его в модальном окне или в указанном селекторе.
Поддерживаются режимы работы через chunk, snippet и
template, события по клику и наведению, настройка через
mxQuickView.initialize, а также интеграция с MiniShop3 для eCommerce-сценариев.
Демо по типам modalLibrary
Выберите рендер модалки для просмотра примеров.
Клик + modal + chunk (новость / статья)
Mouseover + modal (превью по наведению)
Наведите для превьюSelector (вставка в блок)
Loop для списка новостей / статей
Контекст (мультиязычность / мультисайт)
Клик + modal + chunk (карточка товара)
Клик + modal + snippet (корзина / миникорзина)
Клик + modal + template
Mouseover + modal + chunk (товар)
Наведите для просмотраКлик + selector (свой контейнер)
Mouseover + selector
Наведите для загрузкиSelector + Bootstrap 5 modal
Loop (prev/next в списке товаров)
В наличии
В наличии
-11%
В наличии
-9%
В наличии
NEW
Чанк не в whitelist
Сниппет не в whitelist
Неверный ID (0 или несуществующий)
Selector без контейнера
Клавиатурная навигация в loop
В наличии
В наличии
-11%
В наличии
-9%
В наличии
NEW
Ожидаемое поведение при открытой модалке в loop:
- ArrowRight открывает следующий элемент списка.
- ArrowLeft открывает предыдущий.
- На первом элементе скрыта кнопка prev, на последнем скрыта next.
- Escape закрывает модалку.
Mouseover: проверка таймера и отмены загрузки
Fallback-поведение по умолчанию (mode/action)
Ожидание:
- Открывается модалка.
- Выполняется рендер как
chunk.