Page History

...

This article will guide you through the implementation of Quick View for your website. Please note, you must be running version 3.97.07+.

...

1. In the CMS, navigate to Content → Standard Pages. 
2. Select the Product List Item Zoned template.
3. Locate the zone your Product List Image widget is in, and click Add Widget.
4. Search for and select the Product Quick View Modal widget to add it. 
5. In order to have the button appear at the bottom of the image on hover, make sure the modal widget is below the image widget.
   
   
   
6. Edit the widget and customise the text for the Quick View button, if required.
   
7. Save your changes.

...

1. In the CMS, navigate to Content → Standard Pages. 
2. Select the Product Quick View Modal template.
   Image Added
3. Look at Check the layout preview to see how content will be arranged. Change the layout or create a new one if required (see our Custom Layout Creator document for more detail).
   In the screenshot below, I'm using a 2-column layout for the Quick View popup.
   
4. Start adding widgets to the various layout your layout, dragging and dropping them to arrange in the zones as required. Suggested widgets include:
   
   1. Product List Image
   2. Product List Product Title
   3. Product List Product Code
   4. Product List Unit Description
   5. Product List Availability
   6. Product List Price
   7. Product AvailableList Qty Box
   8. Product List Add To Cart
   9. Product List Add To Favourites

And you're done! Your Quick View pop-up is ready to use.