YITHEMES

<p><strong>Show a product preview in a modal window to improve your customers’ shopping experience</strong></p>
<p><strong>YITH WooCommerce Quick View</strong> is the free solution to simplify the product viewing and buying process for your customers.<br />
In fact, the plugin allows you to show a preview of your products in a modal window, directly on the shop page.</p>
<p>This way, with just one click, your customers can view available sizes and colors, read product descriptions, and add items to their shopping carts without leaving the catalog. This makes comparing products and purchasing multiple items a quick and easy process.</p>
<p>And thanks to the new 100% mobile friendly design, YITH WooCommerce Quick View also improves the shopping experience for customers who purchase using smartphones and tablets.</p>
<h3>Free version features</h3>
<ul>
<li>Use a text button to preview the product and customize the text</li>
<li>Display the button on the page, below the “Add to cart” button</li>
<li>Enable the Quick View on mobile devices (100% mobile friendly design)</li>
<li>Display the product Quick View in a modal window</li>
<li>Choose if and what description to show (short or long)</li>
<li>Choose the size of the product image</li>
<li>Set the background color of the Quick View</li>
<li>Set the background overlay color</li>
<li>Set the color of the close icon</li>
<li>Set the colors of the “Quick View” button</li>
</ul>
<p>Want to see the plugin in action? Take a look at the <a href="https://plugins.yithemes.com/yith-woocommerce-quick-view-free/" rel="nofollow ugc">live demo of the free version ></a>.</p>
<h3>Need extra features? Upgrade to premium!</h3>
<p>With the free version of YITH WooCommerce Quick View you have everything you need to show a<br />
quick overview of your products and improve the user experience of your shop.<br />
But if you’re looking for advanced options and more versatility, we recommend <strong>upgrading to the premium version</strong> of the plugin.</p>
<h3>Premium version features:</h3>
<ul>
<li>Use a button with an icon</li>
<li>Upload a custom icon for the “Quick View” button</li>
<li>Display the button when hovering over the product image</li>
<li>Use a shortcode or Gutenberg block to allow users to preview a specific product anywhere in your store</li>
<li>Show the product Quick View in a cascading section or in a sidebar</li>
<li>Select an opening animation</li>
<li>Configure modal window height and width</li>
<li>Enable product navigation</li>
<li>Choose which product information to show or hide (image, name, rating, price, “Add to cart” button, etc.)</li>
<li>Choose whether to hide the product image gallery, show it in a classic style, or enable a slider</li>
<li>Display a link to redirect the user to the product detail page</li>
<li>Choose whether to close the Quick View or redirect the user to the Checkout page after adding the product to the cart</li>
<li>Enable social icons to share the product Quick View</li>
<li>Customize the “Add to cart” button</li>
</ul>
<p><a href="https://plugins.yithemes.com/yith-woocommerce-quick-view" rel="nofollow ugc">Check out the live demo of the premium version ></a></p>


YITH WooCommerce Quick View

This plugin adds the possibility to have a quick preview of the products right from product list

Steve Truman

Nguyen Tuan

<p>Products Quick View for WooCommerce gives your customers a true supermarket shopping experience. In a supermarket shoppers browse products on the shelves, picking up the ones they are interested up, reading all the relevant information and either adding the item to their cart or putting it back on the shelf and continuing to browser. You can now give your customer exactly the same experience with WooCommerce Products Quick View.</p>
<p>While browsing products anywhere in your store – shop page / category pages / tag pages they see a product that interests them – instead of clicking ‘More Details’ and going to another page to view all the product information and images they click Quick View and see it all in a pop-up right there on their screen. This is the sequence</p>
<ul>
<li>See something of interest – Pick it up from the shelf (Open the product in the pop-up)</li>
<li>View all the products information and make a buying decision</li>
<li>Either add the item to the shopping basket (Add to Cart)</li>
<li>Or put the item back on the shelf and continue to browse (close the pop-up)</li>
</ul>
<p>It is quick easy and incredibly convenient for your customers and will create more sales.</p>
<h4>QUICK VIEW FEATURES</h4>
<ul>
<li>Works on any legacy or block theme.</li>
<li>2 choices of Quick pop-ups opens – full page content in pop-up or Custom pop-up.</li>
<li>Fully mobile responsive </li>
<li>Show Quick View as a button or hyperlink text (fully customizable without writing any code)</li>
<li>All product page features added by plugins work within the pop-up.</li>
<li>Show Quick View on hover over image or show as button or linked text under the image.</li>
<li>Mobile device optimized – all tablets and phones</li>
<li>NEW! Pop up now shows the On Sale banner over images in the gallery</li>
</ul>
<h4>BUTTON DISPLAY OPTIONS</h4>
<ul>
<li>Option to show Quick View as a Button or Hyper linked text under the product image.</li>
<li>When placed under the image Quick View is visible all of the time.</li>
<li>a3rev Button creator, for creating the perfect style without touching the theme code.</li>
<li>a3rev Button style transparency setting.</li>
<li>a3rev Hyperlink text creator – Simple point click settings to create an eye catching clickable link.</li>
<li>Quick View button has 3 Positional settings Top, Center or bottom of the image.</li>
</ul>
<h4>*NEW! Quick View Block</h4>
<p>Using a block theme? Use the Quick View Block to add quick view to your product cards.</p>
<h4>ADVANCED POP UP CONTROLS</h4>
<ul>
<li>Select pop-up open and close transition effect.</li>
<li>Set pop-up opening / closing speed.</li>
<li>Set pop-up background overlay colour with WYSIWYG colour picker.</li>
<li>Fix pop-up or allow it to scroll with the screen content</li>
<li>Same day priority Pro License support and auto updates from the a3API.</li>
</ul>
<h4>MORE FEATURES</h4>
<ul>
<li>Fancybox pop-up tool – can’t be blocked by browser pop-up settings.</li>
<li>Pop-up opens in 0.300 of a second and closes instantly.</li>
<li>SEO tracking – Your analytics tracking code e.g. Google records every view.</li>
<li>Add to Cart , View Cart all work within the pop-up.</li>
</ul>
<h4>PREMIUM VERSION</h4>
<p>There is a Premium version of this plugin that offers more advanced features if required.<br />
* <a href="http://a3rev.com/shop/woocommerce-quick-view-ultimate/" rel="nofollow ugc">Quick View Ultimate</a></p>
<h4>CONTRIBUTE</h4>
<p>When you download Products Quick View for WooCommerce, you join our the a3rev Software community. Regardless of if you are a WordPress beginner or experienced developer if you are interested in contributing to the future development of this plugin head over to the Products Quick View<a href="https://github.com/a3rev/woocommerce-products-quick-view" rel="nofollow ugc">GitHub Repository</a> to find out how you can contribute.</p>
<p>Want to add a new language? You can contribute via <a href="https://translate.wordpress.org/projects/wp-plugins/woocommerce-products-quick-view" rel="nofollow ugc">translate.wordpress.org</a></p>
<h3>Usage</h3>
<ol>
<li>
<p>Install and activate the plugin</p>
</li>
<li>
<p>On wp-admin go to the WooCommerce > Quick View Menu</p>
</li>
<li>
<p>Go to Quick View sub menu Settings – Turn the Quick View Feature ON.</p>
</li>
<li>
<p>Make your settings and style the Quick View Button or hypertext link.</p>
</li>
<li>
<p>Have fun.</p>
</li>
</ol>


Products Quick View for WooCommerce

If I upload 10 images to a product, but do not add them to the gallery, or anywhere else in the post, these still show in the slideshow - not ideal as I sometimes upload masses of photos on a product for use elsewhere later.
Out of the box styling needs modifying to display nicely.  
It's a good idea, but needs to be refined to inherit styles from the theme. I'd rather run without it at this stage.

Does the job, but not nicely

Add Quick View feature to all product cards on shop, category, tag pages. Opens full product page content, add to cart without leaving the page.

YITH WooCommerce Quick View vs Products Quick View for WooCommerce