msQuickView

The component provides quick product view and purchase, plus a cart widget with full cart features (change quantity, live price update, etc.).

Module settings

Edit settings under "System settings" with filter "msQuickView".

General settings

• Enable / disable widget display
• Path to frontend JavaScript file

Product widget settings

• Request selector — element that triggers product content load on click
• Load target selector — container where product content is loaded
• Snippet parameters

Cart widget settings

• Request selector — element that triggers cart load on click
• Load target selector — container where cart content is loaded
• Snippet parameters

Minimum setup example

• Trigger cart load on click:

  <p class="msquickview_cart">show cart</p>

• In product template:

  <div class="msquickview" data-href="[[+id]]">Quick view</div>

• Containers:

  <div class="modal-body loadview loadview_cart">
    response loads here
    .loadview - product
    .loadview_cart - cart
  </div>