Instantly preview WooCommerce products in a modal popup with AJAX-powered Quick View and customizable buttons.

Kirtikumar Solanki

<p>The <strong>QuickView – Instant Product Preview</strong> 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.</p>
<h3>Key Features</h3>
<ul>
<li>AJAX-powered modal product preview.</li>
<li>Allows customers to view product details instantly.</li>
<li>Seamlessly integrates with WooCommerce product pages.</li>
<li>Quick View button customization options.</li>
<li>Modal background color and button color customizations.</li>
<li>Enable quick view on mobile.</li>
<li>Show product details like images, price, and description.</li>
<li>Easily customizable button positions and styles.</li>
</ul>
<h3>Usage</h3>
<p>Once activated, the plugin will add a <strong>Quick View</strong> button on your WooCommerce product listings. Customers can click the button to open a modal preview of the product.</p>
<h3>Quick View Settings</h3>
<ul>
<li><strong>Button Position</strong>: 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.</li>
<li><strong>Enable Quick View on Mobile</strong>: This option lets you enable or disable Quick View functionality on mobile devices.</li>
<li><strong>Button Label & Color</strong>: Customize the label of the Quick View button and its color to match your site’s theme.</li>
<li><strong>Product Detail View</strong>: You can choose to show or hide specific product details (like images, price, and description) in the modal.</li>
</ul>
<h3>Customization Options</h3>
<ol>
<li><strong>Modal Background Color</strong>: Choose a color for the background of the product preview modal.</li>
<li><strong>Closing Button</strong>: Customize the color of the closing button, including the hover effect.</li>
<li><strong>Navigation Box</strong>: Change the background color and text color of the navigation box in the modal.</li>
</ol>
<h3>Credits</h3>
<p>Developed by <a href="https://profiles.wordpress.org/solankisoftware/" rel="nofollow ugc">Kirtikumar Solanki</a>.<br />
Donations welcome via <a href="https://paypal.me/kirtikumar89" rel="nofollow ugc">PayPal</a>.</p>


Alternatives to QuickView – Instant Product Preview

Top alternatives