Give Shoppers a Faster Product Preview
Addonify Quick View Pro adds a quick product preview to WooCommerce product loops. Visitors can select a quick view button and open a popup modal containing a product summary instead of navigating immediately to the full product detail page. This creates a more direct browsing workflow for stores with product grids or catalog pages.
The quick view modal can display the product image or gallery, title, price, excerpt, add to cart button, and a link to view the complete product detail page. Its content can be adjusted so the preview presents the information most useful to your catalog.
Pro Features for Product Browsing
The Pro version adds advanced options for product discovery and interaction. Store owners can track viewed products with analytics, show related products inside the quick view modal, and enable product navigation. Social sharing can also be enabled from the modal.
- Use AJAX add to cart directly from the quick view modal.
- Add related products to encourage continued browsing.
- Move between products with product navigation.
- Enable social sharing from the preview window.
- Track viewed products with analytics.
- Unlock additional color and modal customization options.
The plugin also includes controls for modal opening and closing animations, row direction, the quick view label, button icons, spinner selection, and the elements displayed inside the modal. You can disable quick view on mobile devices, close the modal with the Escape key or an outside click, and show or hide the close button.
Shape the Storefront Appearance
Quick View Pro provides extensive design controls for matching the preview to your storefront. Adjust the quick view button text, background, border, and radius. The modal box, overlay mask, text, border, and radius can also be customized, along with the modal CSS z-index.
Additional controls cover spinner color and size, WooCommerce gallery borders and icons, product image borders, thumbnail gaps, and the number of thumbnails in a row. Product title, price, rating stars, and miscellaneous modal buttons have their own color and typography options, including title and price font sizes and title font weight.
Shortcodes and Developer Options
A shortcode can display a quick view button for a selected product. Its attributes include the product ID, button label, CSS classes, icon, and icon position. Developers can further tailor the feature with custom quick view buttons, hooks and filters, overwritten plugin templates, and the JavaScript API. Custom CSS can be added from the admin settings page.
Installation and Setup
Install Addonify Quick View Pro in the WordPress site running WooCommerce, then configure the quick view button and modal from the plugin settings. Choose the content, appearance, and interaction options needed for your product loops. If required, add custom CSS or use the shortcode for a specific product button.
For custom implementations, developers can use the documented hooks and filters, template overrides, or JavaScript API. The plugin also provides a settings page for managing styling and behavior without changing the storefront directly.
