docs.modx.pro
  1. Extras
  2. mxQuickView
  3. Site integration
  4. Frontend setup

Frontend integration ​

Full scenario — Site integration.

  1. Include mxQuickView.initialize once in the base template. mxquickview.assets_url is not in transport: create it by hand if needed.
  2. Choose modalLibrary: native, bootstrap, or fancybox.
  3. Add triggers with data-mxqv-click or data-mxqv-mouseover.
  4. Set output mode (modal/selector) and render type (chunk/snippet/template).
  5. Check the whitelist in system settings mxquickview.
  6. If you use MiniShop3/ms3Variants, verify variant selection and add-to-cart in quick view.