Add a quick view button in the product loop so visitors can quickly view product information in a nice modal without opening the product page.

ShapedPlugin LLC

Rubel Miah

Shamim Mia

Md Khalil Uddin

<p><a href="https://demo.shapedplugin.com/woocommerce-quick-view/" rel="nofollow ugc"><strong>Live Demo</strong></a> | <a href="https://www.youtube.com/watch?v=aVznU7U7Hv4&list=PLoUb-7uG-5jNpcDKwo1WNot5tGlMmzhAH" rel="nofollow ugc"><strong>Video Tutorials</strong></a> | <a href="https://docs.shapedplugin.com/docs/woocommerce-quick-view/overview/" rel="nofollow ugc"><strong>Documentation</strong></a> | <a href="https://shapedplugin.com/quick-view-for-woocommerce/?ref=1" rel="nofollow ugc"><strong>PRO Features »</strong></a></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/aVznU7U7Hv4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Overview</h4>
<p><strong>Quick View for WooCommerce</strong> allows you to add a quick view button in the product loop so that visitors to quickly view product information (using AJAX) in a nice modal without opening the product page. Products can easily be added to the cart from modal. You can simply customize the style of the quick view button and modal through several settings.</p>
<h4>Why Quick View for WooCommerce?</h4>
<p>Imagine you have customers who need to quickly view your products in the online shop. How bad experience would it be if every customer has to open them in a new tab or window? Your customers will be free to look in a better way your products, reading also a small description with all the most important features. With the product quick view button, they will be more focused on what they really want and they will proceed easily to the purchase step.</p>
<p>We believe that you shouldn’t be a programmer or hire a developer to add a quick view button in the product loop for your WooCommerce shop/site. That’s why we built the Quick View for WooCommerce plugin that’s both EASY and POWERFUL.</p>
<h4>Quick View for WooCommerce 2.0.0</h4>
<p>Quick View for WooCommerce 2.0.0 has completely been rebuilt and this provides you now many improvements and new amazing powerful features.</p>
<h4>Key Features</h4>
<ul>
<li>Lightweight, easy to use, and powerful.</li>
<li>Enable/Disable quick view button.</li>
<li>8 Beautiful modal effects.</li>
<li>Modal overlay background color.</li>
<li>2 Quick view button positions:<br />
<strong>-Before add to cart button</strong><br />
<strong>-After add to cart button</strong></li>
<li>Quick view button color, border, padding, etc.</li>
<li>Editable & translatable button label text.</li>
<li>Show/Hide the product fields you want to show on the modal.</li>
<li>Background color and padding for modal content.</li>
<li>Add to cart button color.</li>
<li>Product star rating color on the modal.</li>
<li>Show/hide close button.</li>
<li>Color and sizing option for the close (cross) icon.</li>
<li>Enable/Disable the preloader on the modal.</li>
<li>Preloading label text and color options.</li>
<li>Clean-up plugin settings data on deletion.</li>
<li>Quick view button on mobile devices and iPad.</li>
<li>Custom CSS and JS fields to overwrite styles.</li>
<li>WPML integration for building multilingual sites.</li>
<li>RTL and translation ready.</li>
<li>Compatible with any theme & WooCommerce plugins.</li>
<li>SEO friendly & optimized for speed.</li>
<li>Support all modern browsers.</li>
<li>Dedicated support if you need any help.</li>
<li>Regular update and bug fixing.</li>
<li>And much more options.</li>
</ul>
<h4>For fast support, features request, and bug reporting</h4>
<blockquote>
<p>Ask us at <a href="https://shapedplugin.com/support/" rel="nofollow ugc"><strong>Support</strong></a></p>
</blockquote>
<h4>Quick View for WooCommerce – Pro</h4>
<p><a href="https://shapedplugin.com/quick-view-for-woocommerce/?ref=1" rel="nofollow ugc"><strong>Quick View for WooCommerce – Pro</strong></a> is a lightweight and powerful plugin that allows your customers to quickly view product information with smooth animation via AJAX in a nice Modal without opening the product page. Your probable customers can navigate from one product to another using the next and previous product buttons. Products can easily be added to cart from Modal.</p>
<h4>3 notable reasons to use this plugin</h4>
<ul>
<li>Let your prospective customers quickly view products and ajax add to cart through a modal easily.</li>
<li>Supports all types of products including variable products, and external or affiliate.</li>
<li>Boost your sales and conversion rate: probable customers can quickly return to product listings and continue shopping.</li>
</ul>
<h4>Premium Features You’ll Love</h4>
<ul>
<li>Lightweight, easy to use, and powerful.</li>
<li>4 Quick view layouts.</li>
<li>10 Quick view button positions:<br />
<strong>-Before add to cart button</strong><br />
<strong>-Above add to cart button</strong><br />
<strong>-After add to cart button</strong><br />
<strong>-Below add to cart button</strong><br />
<strong>-Below product image</strong><br />
<strong>-Above product image</strong><br />
<strong>-Below product title</strong><br />
<strong>-Below product price</strong><br />
<strong>-Over product container on Hover</strong><br />
<strong>-Over product image on Hover</strong></li>
<li>Quick view button style, color, border, radius, padding, transition, hover color, etc.</li>
<li>Apply Google fonts/typography for quick view button text and product title, price, excerpt, add to cart, meta, etc.</li>
<li>Modal custom width & height options.</li>
<li>Image and content area width(allocate the area reciprocally).</li>
<li>9 Quick view button designs and add custom icon images.</li>
<li>Quick view button custom text and ability to hide text.</li>
<li>Ability to assign quick view on click product name or image.</li>
<li>Show/Hide sale flash on the modal.</li>
<li>Ability to show/hide modal product content(Title, rating, price, excerpt, add to cart, meta, socials).</li>
<li>Product description, tabs, and related products.</li>
<li>Custom product image size for the modal.</li>
<li>Modal area background, and border color.</li>
<li>Content Padding for the modal product content.</li>
<li>Enable/Disable ajax add to cart on the modal.</li>
<li>Add to cart button custom label and color.</li>
<li>Close the Modal after add to cart option.</li>
<li>Add view details button on the Modal and change label, color, border, padding, etc.</li>
<li>Redirect the checkout page after add to cart.</li>
<li>Enable/Disable quick view on the wishlist.</li>
<li>Several options for the modal close button.</li>
<li>Close the modal when clicking on the background overlay.</li>
<li>12+ Product images gallery slider options.</li>
<li>Choose among three types of thumbnails(Slider mode, Classic mode, and Do not show).</li>
<li>Product thumbnails grayscale effect on the modal.</li>
<li>Enable/Disable zoom for gallery image mouseover.</li>
<li>Enable/Disable lightbox on click image.</li>
<li>Previous/Next navigation arrows to quickly preview products.</li>
<li>6+ Product quick view modal navigation options.</li>
<li>Enable/Disable the preloader on the modal with several options.</li>
<li>Quick view button on mobile devices and tablets.</li>
<li>Custom CSS and JS to overwrite styles.</li>
<li>Multilingual (WPML too) ready.</li>
<li>RTL and Translation ready.</li>
<li>Page builders ready.</li>
<li>Standard WooCommerce theme and plugins Compatible.</li>
<li>Developer-friendly & easy to customize.</li>
<li>License activation system with an update notification.</li>
<li>Top-notch customer support.</li>
<li>All features of the lite version.</li>
<li>And much more options.</li>
<li>Full list of PRO features.</li>
</ul>
<p><strong>Quick View for WooCommerce Pro – Getting started</strong><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/fXW5nzxBP6k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Premium Support and Documentation</h4>
<p>The premium version of the plugin entitles you to get fast, friendly, and priority support with replies posted within 24 hours (without holidays). If you submit a support ticket by filling up <a href="https://shapedplugin.com/create-new-ticket/" rel="nofollow ugc"><strong>this form</strong></a>, this will create a one-to-one email support thread.</p>
<p>For documentation and tutorials go to our <a href="https://docs.shapedplugin.com/docs/woocommerce-quick-view-pro/overview/" rel="nofollow ugc"><strong>Documentation</strong></a>.</p>
<h4>Author</h4>
<p>Designed and Developed by <a href="https://shapedplugin.com/" rel="nofollow ugc"><strong>ShapedPlugin</strong></a></p>


Alternatives to Quick View for WooCommerce

Top alternatives