You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Overview

Give your customers the ability to see product details at a glance with a Quick View pop-up. As users browse products on your site, they might be interested in checking
Quick View On HoverQuick View Pop-up
  

Step-by-step guide

To implement Quick View, you are essentially hiding the Product's footer zone, which expands once the user clicks the 'Quick View' button. 

To hide the footer zone from category and subcategory 'campaigns': 

  1. Login to the CMS.
  2. Navigate to Content --> Standard Pages
  3. Select the 'Product List' template.
  4. Locate the 'ProductCategory Product Summary' widget and click 'Edit'
  5. Tick 'Hide Footer Zone?' and click 'Save'.

Note - the footer zone can also be hidden from products in the standard Campaign Slider, by repeating the above steps in the Campaign Slider widget.

 

Next, add the 'Quick View' button itself to the product tile, and ensure data such as Price, Availability, Alternates, and Attributes are located in the footer:

  1. Navigate to Content --> Standard Pages
  2. Select the 'Product List Item Zoned' template.
  3. Add the 'Product List Live Pricing Button' widget to zone Column2Left.
     
  4. Ensure widgets such as Price, Qty Box, Add To Cart, etc. are located within zone Footer
  5. Customise options as required. 

 

 

  • No labels