Стенд mxQuickView
QA-страница быстрого просмотра: modal, selector, hover, loop prev/next.
QA-стенд mxQuickView.
Товар: 26,
родитель каталога: 2,
библиотека: bootstrap.
?mxqv_debug=0 — скрыть журнал.
1. Окружение и whitelist
Namespace mxquickview | Установлен |
|---|---|
Snippet mxQuickView.initialize | Найден |
Chunk mxqv_product | Найден |
Chunk mxqv_resource | Найден |
Whitelist mxqv_product | Разрешён |
Connector connector.php | На месте |
| Assets JS/CSS | mxqv.min.js / mxqv.min.css |
mxquickview_mouseover_delay | 300 мс |
mxquickview_modal_size | modal-lg |
mxquickview_debug | Выкл. |
mxquickview_allowed_chunk | mxqv_product,mxqv_resource,ms3_product_content,ms3_products_row |
mxquickview_allowed_snippet | msCart,msMiniCart |
| Инициализация на витрине | chunks/demo.footer.tpl → mxQuickView.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.
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-стенды в меню «Стенды»