YITHEMES

Show a product preview in a modal window to improve your customers’ shopping experience
YITH WooCommerce Quick View is the free solution to simplify the product viewing and buying process for your customers. 
In fact, the plugin allows you to show a preview of your products in a modal window, directly on the shop page.
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.
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.
<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>
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>.
<h3>Need extra features? Upgrade to premium!</h3>
With the free version of YITH WooCommerce Quick View you have everything you need to show a 
quick overview of your products and improve the user experience of your shop. 
But if you’re looking for advanced options and more versatility, we recommend upgrading to the premium version of the plugin.
<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>
<a href="https://plugins.yithemes.com/yith-woocommerce-quick-view" rel="nofollow ugc">Check out the live demo of the premium version ></a>

YITH WooCommerce Quick View

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

Addonify

Addonify WooCommerce Quick View plugin adds functionality to have a quick preview of WooCommerce product on a popup modal.
🌍 Official Demo: <a href="https://demo.addonify.com/woo/01/" rel="nofollow ugc">Link 1</a> 
🌍 Official Demo: <a href="https://demo.addonify.com/woo/01/quick-view-ii/" rel="nofollow ugc">Link 2</a> 
📜 Documentation: <a href="https://docs.addonify.com/kb/quick-view/" rel="nofollow ugc">Doc Link</a>
If you run an online e-commerce shop, then you must be familiar with the number of products that your users will see in your store page. This plugin allows your website visitors to quickly view the product summary instead of going through each product’s detail page. This could save the time of your visitors & increase your revenue.
🦄 MAIN FEATURES:
✅ Easy to use. 
✅ Super light-weight & optimized for performance. 
✅ Add a quick view button in product loop to open a modal window with the product summary using AJAX. 
✅ Display product image or gallery on quick view modal. 
✅ Display product title, price, add to cart button, excerpt and view detail button on quick view modal. 
✅ Disable quick view on mobile device. 
✅ Modal box opening & closing animations. 
✅ Modal content row direction layout. 
✅ Change a label for the “Quick view” button. 
✅ Display icon on “Quick view” button. 
✅ Choose spinner icon. 
✅ Customize what you would like to display inside the modal box. 
✅ Display product detail page link in modal. 
✅ Close modal on ESC key pressed. 
✅ Close modal when clicked outside. 
✅ Display/Hide modal close button. 
✅ JavaScript API for developers. 
✅ Developer friendly & easy to implement according to your need. 
✅ Add custom CSS if required from admin setting page. 
✅ Clean setting page design. 
✅ Friendly support.
🌈 DESIGN OPTIONS:
✅ Customize quick view button text color. 
✅ Customize quick view button background color. 
✅ Customize quick view border color. 
✅ Customize quick view button border radius. 
✅ Customize modal box background color. 
✅ Customize modal overlay mask background color. 
✅ Customize modal box border color. 
✅ Customize modal text colors. 
✅ Customize modal box border radius. 
✅ Customize modal CSS z-index. 
✅ Customize spinner icon color. 
✅ Customize spinner icon size. 
✅ Customize WC Gallery border color. 
✅ Customize WC Gallery icon color. 
✅ Customize WC Gallery icon background color. 
✅ Customize WC Gallery icon size. 
✅ Customize WC product image border. 
✅ Customize WC Gallery thumbnails gap. 
✅ Customize WC Gallery thumbnails number in row. 
✅ Customize product title color. 
✅ Customize product title font size. 
✅ Customize product title font weight. 
✅ Customize price color. 
✅ Customize price font size. 
✅ Customize rating stars color. 
✅ Customize misc buttons inside modal box color. 
✅ More customization options, give it a try.
💎 PRO
<a href="https://addonify.com/product/addonify-quick-view-for-woocommerce/" rel="nofollow ugc">Addonify Quick View Pro</a> version comes with more advanced features and customization options. Some of the features are:
✅ Track the viewed products with analytics. 
✅ Add the related products in quick view modal. 
✅ Add product navigation. 
✅ Enable social sharing from quick view modal. 
✅ Enable AJAX add to cart in quick view modal. 
✅ Unlock additional color options. 
✅ Unlock additional options to customize the modal.
📄 SHORTCODE
The shortcode below can used to display quick view button.
[addonify_quick_view_button id=”1″ label=”Quick View” classes=”btn” icon=”icon_one” icon_position=”left”]
The shortcode attributes used are as follows:
<ul>
<li>id: Product id.</li>
<li>label: Button label.</li>
<li>classes: CSS classes.</li>
<li>icon: Button icon. Use any one attribute value from <code>icon_one</code>, <code>icon_two</code>, <code>icon_three</code>, …, <code>icon_six</code>.</li>
<li>icon_position: Button icon position if <code>icon</code> attribute is set. Use either <code>left</code> or <code>right</code>.</li>
</ul>
👨‍💻 DEVELOPER:
Developers, we got you. Follow the links below to easily customize Addonify Quick View as you like.
✅ Custom quick view button <a href="https://docs.addonify.com/kb/quick-view/developer/" rel="nofollow ugc">Check Doc</a> 
✅ Using Hooks & Filters <a href="https://docs.addonify.com/kb/quick-view/developer/" rel="nofollow ugc">Check Doc</a> 
✅ Overwrite plugin template file <a href="https://docs.addonify.com/kb/quick-view/developer/" rel="nofollow ugc">Check Doc</a> 
✅ JavaScript API <a href="https://docs.addonify.com/kb/quick-view/developer/javascript-events/" rel="nofollow ugc">Check Doc</a>
Still not sure how to start? Create <a href="https://github.com/addonify/addonify-quick-view/discussions" rel="nofollow ugc">a new discussion</a> and we will help you out.
🤎 FEEDBACK & SUPPORT:
Let’s make Addonify Quick View better together. We are open to discuss how we can improve our plugin. You’re always welcome to join the discussion and share your ideas with us.
🌍 Feedback – <a href="https://github.com/addonify/addonify-quick-view/discussions" rel="nofollow ugc">Have feedback</a> or <a href="https://wordpress.org/support/plugin/addonify-quick-view/reviews/" rel="ugc">I would love to rate</a>. 
🪲 Report BUG – <a href="https://github.com/addonify/addonify-quick-view/issues" rel="nofollow ugc">Option – 1</a> or <a href="https://wordpress.org/support/plugin/addonify-quick-view/" rel="ugc">Option – 2</a>.
📦 UPCOMING FEATURES:
<ul>
<li>Modal width with responsive control.</li>
<li>Modal padding with responsive control.</li>
<li>Modal content gap with responsive control.</li>
<li>Quick view for Gutenberg WooCommerce products blocks.</li>
<li>More customization options.</li>
<li>Do you have any requests to make? <a href="https://github.com/addonify/addonify-quick-view/discussions" rel="nofollow ugc">Let’s discuss</a> on what you would like to see in the next version.</li>
</ul>

Addonify – Quick View For WooCommerce

Addonify WooCommerce Quick View plugin adds functionality to have a quick preview of WooCommerce product on a popup modal.

YITH WooCommerce Quick View vs Addonify – Quick View For WooCommerce