Quick views in the product loop

Reno Quick View - Pro opens product information in an AJAX modal from WooCommerce listings. Shoppers can review details, use previous and next controls to move between products, and add products to the cart while the listing stays in view. Quick view supports variable, external, and affiliate products, as well as mobile devices and tablets.

Button placement and appearance

Choose from four quick view layouts and ten button positions: before, above, after, or below the add-to-cart button; above or below the product image; below the product title or price; or over the product container or image on hover. Quick view can also open when a shopper clicks the product name or image.

Select one of nine button designs or add a custom icon image. Edit or hide the label, set the icon position and size, and adjust color, border, radius, padding, transition, and hover color. Google fonts and typography options are available for the button and product text.

Modal content and controls

Set the modal width and height, adjust the image and content area widths, and choose its overlay and content colors, border, and padding. Select which product details appear, such as the title, rating, price, excerpt, add-to-cart control, metadata, and social links. You can also show product descriptions, tabs, related products, or the sale badge, and add a view details button.

Configure the close button and icon, including whether the overlay closes the modal when clicked. Choose from eight modal effects and set an optional preloader with custom label text and color. Product rating color and image size can also be adjusted.

Product pictures and cart actions

The product gallery includes more than twelve slider options. Choose slider, classic, or hidden thumbnails, and set the thumbnail grayscale effect. Gallery controls include mouseover zoom and a lightbox for clicked images.

AJAX add to cart can be enabled or disabled in the modal. Set a custom cart button label and color, close the modal after adding an entry, or redirect shoppers to checkout.

Store setup and customization

Install the extension in WordPress, enable the quick view button in its settings, then choose a layout and button position. Configure the modal and product fields, followed by its colors, typography, effects, and optional preloader. Add custom CSS or JS for further presentation changes, then review the result on desktop and mobile shop pages.

The add-on supports WPML, RTL layouts, translations, page builders, modern browsers, and standard WooCommerce themes and extensions. It includes an option to remove plugin settings data when the plugin is deleted and is described as lightweight, SEO friendly, and optimized for speed.