The Quick View module allows customers to get an overview of a product without having to open the product page.
The product summary shows up in a fully customizable pop-up modal. This module is completely responsive and has a mobile-friendly UI.
Here’s an example of what the Quick View modal looks like on the frontend of a WooCommerce store:
And this is what the buttons look like on the Shop page (you can configure the button design):
Now, let’s see how to set up Merchant’s Quick View module.
1. Open the Quick View Module
Open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.
In the Convert More section, click the Quick View module to open its settings page:
2. Customize Your Quick View Button
To configure the Quick View buttons, scroll down to the Settings section on the module’s settings page.
Using the options, you can customize the design and content of the Quick View buttons, such as the button type, position, icon color, and others:
3. Customize Your Quick View Modal
Below the Settings, you’ll find a Modal section.
Here, you can customize the design and layout of the Quick View lightbox that pops up when a visitor clicks the Quick View button. You can configure the modal width and height, place of the product image, description style, and more:
4. Save the Settings
Once your Quick View buttons and modals are customized, click the Save button in the top-right corner of the page.
5. Enable the Quick View Module
If you’re happy with the design, click the Enable button to activate the module: