Демо Демо-магазин MiniShop3: 14 платных дополнений ibochkarev — витрина, отзывы, checkout, оплата, аналитика
ibochkarev.su
К основному содержимому

В каталог

mxQuickView

Стенд mxQuickView

QA-страница быстрого просмотра: modal, selector, hover, loop prev/next.

QA-стенд mxQuickView. Товар: 26, родитель каталога: 2, библиотека: native. ?mxqv_debug=0 — скрыть журнал.

1. Окружение и whitelist

Namespace mxquickviewУстановлен
Snippet mxQuickView.initializeНайден
Chunk mxqv_productНайден
Chunk mxqv_resourceНайден
Whitelist mxqv_productРазрешён
Connector connector.phpНа месте
Assets JS/CSSmxqv.min.js / mxqv.min.css
mxquickview_mouseover_delay300 мс
mxquickview_modal_sizemodal-lg
mxquickview_debugВыкл.
mxquickview_allowed_chunkmxqv_product,mxqv_resource,ms3_product_content,ms3_products_row
mxquickview_allowed_snippetmsCart,msMiniCart
Инициализация на витринеchunks/demo.footer.tplmxQuickView.initialize (modal-lg, native)
Connector URL/assets/components/mxquickview/connector.php

2. Инициализация и библиотеки модалки

mxQuickView.initialize подключается в demo.footer.tpl на всех страницах. Библиотека модалки переключается GET-параметром mxqv_library (см. кнопки ниже).

window.mxqvConfig — нажмите «Вывести mxqvConfig» в разделе Connector

3. Триггеры click и mouseover

Чанк mxqv_product — карточка товара MiniShop3 с формой «В корзину».

Click → modal (товар 26)

Mouseover → modal

4. Selector-режим

HTML вставляется в контейнер .mxqv-selector-output без модального окна.

Контент появится здесь после клика.

5. Каталог msProducts + loop prev/next

Обёртка data-mxqv-parent data-mxqv-loop="true" включает навигацию между товарами в модалке. Чанк demo.mxqv_catalog_row.tpl.

Умные часы Nikon Pro
ID 22 · ART-000022 · 76004.00
Куртка Canon Ultra
ID 23 · ART-000023 · 109729.00
Кроссовки Lenovo Series S
ID 24 · ART-000024 · 50875.00
Кофемашина Philips Prime
ID 25 · ART-000025 · 81690.00
Телевизор Xiaomi Plus 50"
ID 26 · ART-000026 · 68800.00
Кресло Bose Classic
ID 27 · ART-000027 · 76110.00
Смартфон Samsung Advanced 512GB
ID 28 · ART-000028 · 82124.00
Телевизор Bosch Air 24"
ID 29 · ART-000029 · 54468.00

6. Connector render

POST action=render/assets/components/mxquickview/connector.php

Нажмите кнопку render.

7. События и чеклист

  • mxqv:open — модалка открыта
  • mxqv:loaded — HTML вставлен, MS3 reinit корзины
  • mxqv:close — модалка закрыта
  • Каталог и главная — кнопка «Быстрый просмотр» в demo.product_row.tpl, loop через data-mxqv-parent data-mxqv-loop
  • Карточка товара — блок mxQuickView в tpl.product.tpl
  • Рядом на витрине: msViewCounter, msCurrency, msFastOrder — см. другие QA-стенды в меню «Стенды»

8. Журнал проверок