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.

Productive Minds

Productive Commerce augments WooCommerce with multiple e-commerce features, including Wishlist, Product Comparison, Quick View, and Mini-Cart. This plugin is designed to enhance e-commerce websites by boosting conversion rates, streamlining the shopping journey, and fostering customer loyalty through improved customer interaction, engagement, and decision-making.
<h3>Why Choose Productive Commerce?</h3>
<ul>
<li>Enhance WooCommerce functionalities, optimizing user interactions and shopping experience.</li>
<li>Seamlessly add products to Wishlist from any catalog and product page.</li>
<li>Facilitate side-by-side product comparisons.</li>
<li>View product details and swiftly add items to the cart from catalog and shop pages.</li>
<li>Global site access to Mini Cart & Mini Wishlist popups.</li>
<li>Share Wishlist and Comparison pages easily through social media and email.</li>
<li>Comprehensive branding tools including Elementor widgets and Gutenberg blocks.</li>
<li>Consistent user experience across popups, buttons, and pages for Wishlist, Comparison, Quick View, and MiniCart.</li>
<li>The exact variations chosen for variable products are represented accurately in Wishlist and Comparison pages.</li>
<li>Synchronised notification icons for Wishlist, Compare, and Mini-Cart</li>
<li>Manage user Wishlists in WordPress admin.</li>
</ul>
<h3>Plugin Pages</h3>
<ul>
<li><a href="http://www.productiveminds.com/product/productive-commerce" rel="nofollow ugc">Complete plugin description</a></li>
<li><a href="https://demo.productiveminds.com/productive-commerce" rel="nofollow ugc">Live Demo</a></li>
<li><a href="http://www.productiveminds.com/support/docs/productive-commerce" rel="nofollow ugc">Documentation</a></li>
<li><a href="http://www.productiveminds.com/support" rel="nofollow ugc">Customer Support</a></li>
</ul>
<h3>Plugin Features</h3>
The highlighted features on this page are only a subset of the plugin’s features. A comprehensive feature list can be found on the <a href="http://www.productiveminds.com/product/productive-commerce#features" rel="nofollow ugc">plugin’s page here</a>. Check out the <a href="http://www.productiveminds.com/product/productive-commerce#free-vs-pro" rel="nofollow ugc">Free vs Pro section</a> for a detailed comparison of both versions.
👉 Main functionalities in FREE edition 
– Mini Cart (all features) 
– Wishlist (limited functionality) 
– Product Comparison (limited functionality)
👉 Main functionalities in Pro edition only 
– Wishlist (all features) 
– Product Comparison (all features) 
– Mini Cart (all features) 
– Quick View (all features)
👉 Full product details and Free vs Pro comparison 
For a complete list of features, visit the <a href="http://www.productiveminds.com/product/productive-commerce#features" rel="nofollow ugc">plugin’s page here</a>. For an in-depth comparison between the two versions, see the <a href="http://www.productiveminds.com/product/productive-commerce#free-vs-pro" rel="nofollow ugc">Free vs Pro section</a>.
<h3>Attribution</h3>
swiperjs, The Most Modern Mobile Touch Slider 
https://github.com/nolimits4web/swiper 
License: MIT Licensed 
License URL: https://github.com/nolimits4web/swiper?tab=MIT-1-ov-file

Productive Commerce – Wishlist, Compare, Quick View, & MiniCart

Integrate Wishlists, Product Comparison, Quick View, and Mini-Cart on your WooCommerce sites.

Addonify – Quick View For WooCommerce vs Productive Commerce – Wishlist, Compare, Quick View, & MiniCart