Skip to content
mxQuickView
Быстрый просмотр карточки товара и блоков по AJAX для MODX 3 и MiniShop3
  1. Компоненты
  2. mxQuickView
  3. Интеграция на сайте
  4. Сниппет mxQuickView.initialize

Сниппет mxQuickView.initialize

Подключает фронтовые ресурсы mxQuickView и выводит разметку встроенной модалки.

Что делает

  • Подключает css/mxqv.css (если включён frontCss).
  • Публикует window.mxqvConfig (connectorUrl, mouseoverDelay, modalSize, modalLibrary).
  • Подключает js/mxqv.js (если включён frontJs).
  • Вставляет HTML контейнера модалки (#mxqv-modal-backdrop, #mxqv-modal).

Параметры

ПараметрПо умолчаниюОписание
frontCssиз mxquickview_front_cssПодключать CSS (1/0)
frontJsиз mxquickview_front_jsПодключать JS (1/0)
modalSizeиз mxquickview_modal_sizeРазмер модалки (modal-sm, modal-lg, modal-xl)
mouseoverDelayиз mxquickview_mouseover_delayЗадержка hover-загрузки в мс
modalLibrarynativeРежим для клиентского конфига

Использование

fenom
{'!mxQuickView.initialize'|snippet}
modx
[[!mxQuickView.initialize]]

С параметрами:

fenom
{'!mxQuickView.initialize'|snippet:[
  'modalSize' => 'modal-xl',
  'mouseoverDelay' => 350
]}
modx
[[!mxQuickView.initialize?
  &modalSize=`modal-xl`
  &mouseoverDelay=`350`
]]