Quick View

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:

Quick View modals, frontend view, screenshot

And this is what the buttons look like on the Shop page (you can configure the button design):

Quick View buttons, frontend view

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:

Quick View module on Merchant dashboard, screenshot

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:

Quick View button settings

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:

Quick View modals settings

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.

Quick View module, location of the Save button, screenshot

5. Enable the Quick View Module

If you’re happy with the design, click the Enable button to activate the module:

Quick View module, Enable button, screenshot