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

huynhhuynh

<p>Bears WooCommerce Quick View allows users to get a quick look of products without opening the product page.</p>
<h3>Quick View Modal</h3>
<p><a href="https://codex.wordpress.org/Managing_Plugins" title="WP turorial install plugin" rel="nofollow ugc">WordPress how to install plugin</a><br />
The modal window shows the product’s:</p>
<ol>
<li>Main featured image</li>
<li>Title</li>
<li>Price</li>
<li>Short description</li>
<li>View button</li>
<li>Cart buttons</li>
</ol>
<h3>Compatible</h3>
<ol>
<li>WooCommerce 3.x</li>
<li>WooCommerce Variation Swatches and Photos</li>
<li>WooCommerce Product Bundles</li>
</ol>
<h3>Changing Template</h3>
<p>To customize template, create a folder ‘bears-woocommerce-product-quick-view’ on your theme:<br />
Example (custom layout quick view button):</p>
<pre><code>copy file: plugins/bears-woocommerce-product-quick-view/templates/loop/quick-view-button.php
to your theme: your-theme/bears-woocommerce-product-quick-view/loop/quick-view-button.php
-> edit the file.
</code></pre>
<p>Remove button quick view:</p>
<pre><code>add_action('wp_head', 'remove_button_quick_view');
function remove_button_quick_view() {
  global $BWC_Product_Quick_View;
  remove_action('woocommerce_after_shop_loop_item', array($BWC_Product_Quick_View, 'quick_view_button'), 5);
}
</code></pre>
<p>Move button quick view:</p>
<pre><code>global $BWC_Product_Quick_View;
add_action('name action ...', array($BWC_Product_Quick_View, 'quick_view_button'), 15);
</code></pre>
<h3>Hooks</h3>
<ol>
<li>add_action(‘bwc_product_quick_view_before_single_product’, …);</li>
<li>add_action(‘bwc_product_quick_view_after_single_product’, …);</li>
</ol>


Bears WooCommerce Product Quick View

This plugin is a addon of WooCommerce. Display button quick view on shop page allows users to get a quick look of products without opening the product …

YITH WooCommerce Quick View vs Bears WooCommerce Product Quick View