1. Introduction to Quick View for Magento 2.0
The extension lets customers view product basic information in a popup on category and
homepage on click. Configure info you want to be present in the popup window as well as overlay
appearance.
Key features:
Quickview popup with configurable content;
Changeable overlay appearance – opacity and color;
Configurable “Quick View” button and icon;
No page reloading;
Save your visitors from visiting dozens of product pages. With Quick View every product on
catalog and homepage has the “quick view” button to display a popup with configurable
information. It includes product reviews, “Email to a Friend” and “Go to product details page” links,
Add to cart button & Attributes. Set up overlay appearance – opacity and color.
2. How to Configure
How to configure the module
To configure the Quick View extension on your web-store log into your Magento 2.0 admin panel
and go to the Stores -> Configuration section, click the BELVG Extensions and choose Quick
View.
● Enabled for frontend - select YES to enable the Quick View module on your web-store;
● Position – select Quick View button/icon position on the product mage.
These settings are responsible for the Quick View button configurations.
Style – choose whether you want to show quick view button or icon.
If you selected icon you will be able to configure the following settings:
Text - specify the text that will be used as alt for the icon;
Icon – you can upload your own icon image;
Opacity - set icon opacity (which is ranging from 0 to 1 – fully transparent to fully opaque
correspondently)
If you selected button you will be able to configure the following settings:
Text - specify the text that will be used on the button;
Text color - specify the color of the text, which will be displayed on the Quick View button;
Button color from/to – these fields appear only if you select to display the button at the
center or below the picture.
Popup Style
Background - specify the color of popup background;
Border width – set the width of popup border;
Border color – specify the color of popup border;
Border Opacity - set border opacity (which is ranging from 0 to 1 – fully transparent to fully
opaque correspondently);
Display overlay – select yes, if you want the overlay to be displayed;
Overlay color - specify the color of overlay;
Overlay opacity - set overlay opacity (which is ranging from 0 to 1 – fully transparent to fully
opaque correspondently);
3. How to Use
It’s time to get acquainted with Quick View features and the ways customers take benefit of them.
Here are examples of Quick View button and its positions:
After you click Quick View button you will the popup with all information about the product:
Related products are also displayed in the popup:
Top Related