The Quick-View allows users to quickly look at product main details in a modal window without opening the single product page. Users are more attracted to what they can see clearly, and often the product lists are not enough to understand the value of a product. That’s when Quick-View wins! Your customers will be free to look at your products, and reading a small description of the essential features. In this way, they will be more focused on what they want, and they will proceed smoothly to the purchase step.

▶  

• How the Quick-View works
• Supported modules within the Quick-View
• Extra Plugins notes

How the Quick-View works

Uncode offers a Quick-View feature with the possibility for each user to create a custom layout, thanks to the Content Block and the use of Dynamic features modules.

To create and implement a new Quick-View, follow these simple steps:

1. Create a new Content Block, and save it with a descriptive name for the functionality, e.g., 'My Quick-View.' Optionally, in the Quick-View Settings set the dimensions of your Quick-View window screenshot .
2. Insert the modules you prefer among those compatible with the Quick-View functionality from the 'Supported modules within the Quick-View' list below. For example, insert a Product Gallery screenshot , a Heading with the dynamic option 'Get the Title' screenshot , a Heading with the dynamic option 'Get the Price' screenshot , a Button with the dynamic option 'Add to Cart',screenshot .
3. Optionally, insert a Text Block module with the dynamic option 'Get the Excerpt or 'Get the Contents', screenshot , and a Button with the dynamic option 'Link to Product' screenshot .
4. Navigate to the Theme Options → WooCommerce → Quick-View and select from the dropdown the Content Block you just created with your Quick-View design, screenshot .
5. If you are creating a custom layout using the Posts module and want to activate the Quick-View features, open the Posts module that generates your product listing and activate the Posts → Module → Elements → Quick-View option, screenshot .

Supported modules within the Quick-View

Following is the list of modules that you can use within the Content Block compatible with the Quick-View functionality. Please note that using other modules may be possible but is not supported:

• Row
• Product Gallery
• Product Meta
• Product Rating
• Product Information
• Product Review
• Heading
• Text Block
• Button
• Empty Space
• Divider
• Share
• Tab (without navigation History options)
• Accordion (without navigation History options)

Extra Plugins notes

Although it may look very similar to a Single Product page, the Quick-View is an entirely different scenario than the WooCommerce Single Product page. When using the Quick-View a possible extra plugin is not used inside the Single Product page but on a WordPress page where there is a loop of multiple products.

Before being triggered, many Single Product page plugins verify that the plugin is used inside a Single Product page. The verification code is similar to this one:

if ( is_product() ) {
    // execute the plugin code
}

Since the plugin is not used in a Single Product page, the function 'is_product()' returns a 'false' verification, and the plugin is not executed.

This is not a lack of Uncode or something that our support can take care of, as it is just related to how possible extra plugins are coded by their authors. WooCommerce Single Product page plugins are simply designed to work on the Single Product page, not in other WordPress pages, and not inside a possible Quick-View.

For the above reasons, we don't provide support if you're using extra plugins that don't work inside the Quick-View, because it's the plugin itself that is not designed by its author to work outside the Single Product page.

Unfortunately, the Quick-View is not a native WooCommerce feature. If it will become a WooCommere native feature, the plugins and themes authors will have a common standard to which hook their codes and customizations.

If your plugin meets some coding standards and can also work outside the Single Product page, you can activate the Quick-View Enable Hooks option. This option introduces a series of additional hooks within the Quick-View where some plugins may hook. So try to activate the Theme Options → WooCommerce → Quick-View Enable Hooks.

Anyway, if your extra plugin uses JavaScript, it will probably fail to work inside Quick-View. The JavaScript code has been coded to be executed at the page load, and not to be executed at the AJAX load (asynchronous loading used by the Quick-View and similar pop-up elements).