Product previews from the shop listing

Reno Quick View - Pro adds an AJAX-powered quick view to WooCommerce product loops. Shoppers can inspect product information in a modal, move to the previous or next product, and add items to the cart without opening each full product page. The add-on supports variable, external, and affiliate products, and quick view on mobile devices and tablets.

Choose how shoppers open quick view

Select from four layouts and ten button positions: around the add-to-cart button, above or below the product image, below the title or price, or over the product container or image on hover. You can also open quick view when shoppers click a product name or image. Button controls include nine designs, custom icon pictures, editable or hidden label text, and settings for color, border, radius, padding, transitions, hover color, and typography.

Set the modal content and gallery

Adjust modal width and height, image and content area widths, background and border colors, and content padding. Choose which product details to display, including the title, rating, price, excerpt, add-to-cart control, metadata, and social links. You can also show the product description, tabs, related products, and sale flash, or add a view details button.

For product images, set the modal image size and choose whether thumbnails use slider mode, classic mode, or stay hidden. Gallery controls include 12+ slider settings, a grayscale effect for thumbnails, image zoom on mouseover, and a lightbox on click. Previous and next arrows let shoppers preview other products.

Configure cart and navigation behavior

Choose whether AJAX add to cart is enabled in the modal, set the add-to-cart label and color, and decide whether the modal closes after an item is added. An option can redirect shoppers to checkout after adding to cart. Quick view can also be enabled or disabled on the wishlist, and the modal can close when shoppers click the background overlay.

Other modal controls include eight effects, a configurable close button and icon, and an optional preloader with settings for its label and color. Product rating color and Google fonts and typography settings are available for the presentation.

Adapt the control to your shop

Custom CSS and JS fields let you override styles and behavior. WPML integration, RTL support, and translation-ready labels help with multilingual stores. The extension is also described as compatible with page builders, themes, WooCommerce extensions, and modern browsers. An option cleans up plugin settings data when the plugin is deleted.

Install and configure

Install the plugin in WordPress and open its settings to enable the quick view button. Choose a layout and button position, then configure the modal, product fields, gallery, and cart behavior. Adjust styling and optional preloader settings, and add custom CSS or JS if needed. Review the result on desktop and mobile shop pages.