The QuickView – Instant Product Preview plugin for WooCommerce allows customers to preview product details instantly via an AJAX-powered modal. This enables a better shopping experience by providing a quick, modal-based preview of products without leaving the shop page.
Key Features
- AJAX-powered modal product preview.
- Allows customers to view product details instantly.
- Seamlessly integrates with WooCommerce product pages.
- Quick View button customization options.
- Modal background color and button color customizations.
- Enable quick view on mobile.
- Show product details like images, price, and description.
- Easily customizable button positions and styles.
Usage
Once activated, the plugin will add a Quick View button on your WooCommerce product listings. Customers can click the button to open a modal preview of the product.
Quick View Settings
- Button Position: Choose where the Quick View button appears on the product page. Options include after the image, after the title, or before the add to cart button.
- Enable Quick View on Mobile: This option lets you enable or disable Quick View functionality on mobile devices.
- Button Label & Color: Customize the label of the Quick View button and its color to match your site’s theme.
- Product Detail View: You can choose to show or hide specific product details (like images, price, and description) in the modal.
Customization Options
- Modal Background Color: Choose a color for the background of the product preview modal.
- Closing Button: Customize the color of the closing button, including the hover effect.
- Navigation Box: Change the background color and text color of the navigation box in the modal.
Credits
Developed by Kirtikumar Solanki.
Donations welcome via PayPal.
Screenshots
Shop Page: Display of the products with Quick View buttons visible.
Quick View Modal - Simple Product: A preview of a product (such as a Album) with options to logo, and add to cart.
Quick View Modal - Variable Product: A preview of a product (such as a hoodie) with options to choose color, logo, and add to cart.
Quick View Settings: Customize how the Quick View button is displayed and adjust modal colors.