1. introduction to quick view for magento 2 · 2018-11-29 · for magento 2.0 the extension lets...

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: