<h2>Features:</h2>
<ul class="wccom-tick-list-primary">
<li><strong>Enhanced UI/UX:</strong> Provides a user-friendly interface for easier product browsing.</li>
<li><strong>Fully Customizable:</strong> Tailor the plugin to suit your store’s design and functionality.</li>
<li><strong>Ease of Access & Fast Loading:</strong> Customers can preview products quickly, without delays or page reloads.</li>
<li><strong>WPML Compatibility:</strong> Ideal for global stores with multi-language support.</li>
</ul>
<hr class="wccom-product-single__section-hr" />
<div class="wccom-product-single__main--content">
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Add a Button in the Product Listing to Trigger a Quick View</h3>
<p>A button can be placed on the product listing page for specific products to activate the Quick View feature. You can customize the button’s position directly from the Quick View extension’s back-end. Additionally, the button can be created and fully customized using the shortcode generated from the extension’s back-end.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/add-a-button-in-the-product-listing-to-trigger-a-quick-view.png?strip=all&w=900" alt="Add a Button in the Product Listing to Trigger a Quick View" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Open Quick View in Different Styles</h3>
<p>You can choose between two styles to display the Quick View: a modal window or a cascading window. The modal window will pop up, showing the product details in a separate overlay, while the cascading window will appear directly below the product listing row, seamlessly integrating with the existing layout.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/open-quick-view-in-different-types-of-styles.png?strip=all&w=900" alt="Open Quick View in Different Styles" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Easily Customizable Quick View Contents</h3>
<p>Both the Quick View triggers and contents can be easily customized using the Quick View extension’s back-end settings. You can update style properties effortlessly through the backend, including adjustments to gallery width, Quick View window width, gallery position, and more.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/easily-customizable-quick-view-contents.png?strip=all&w=900" alt="Easily Customizable Quick View Contents" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Customize the Quick View Trigger from the Backend</h3>
<p>The Quick View back-end allows you to easily customize the trigger. You can edit properties such as color, label, background, border, and trigger style. Different styles, including icon-only, label-only, label+icon, and icon+label, are available for the trigger. Additionally, pre-built icons are provided in the backend, allowing you to select the perfect icon for your Quick View trigger.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/quick-view-backend-to-customize-the-trigger.png?strip=all&w=900" alt="Customize the Quick View Trigger from the Backend" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Enable the Button in Quick View to Go to the Detail Page</h3>
<p>You can use the Quick View back-end to enable a button that directs users to the product detail page. The button label is fully customizable, and you can also modify its style from the backend. If you prefer not to customize the button style, simply set it to the default style.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/enable-the-button-in-the-quickview-to-go-to-the-detail-page.png?strip=all&w=900" alt="Enable the Button in Quick View to Go to the Detail Page" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Easily Customizable Quick View Gallery</h3>
<p>The Quick View gallery is fully customizable to suit your needs. From the back-end, you can select and adjust gallery styles as desired. The admin has the option to control settings such as whether to display arrows, enable autoplay, or show a gallery with a thumbnail slider, among other options.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/easily-customizable-quick-view-gallery.png?strip=all&w=900" alt="Easily Customizable Quick View Gallery" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>AJAX Add to Cart Functionality</h3>
<p>AJAX functionality allows products to be added to the cart directly from the Quick View window without reloading the page. This enhances browsing speed and provides a smoother, more user-friendly experience.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/ajax-add-to-cart-functionality.png?strip=all&w=900" alt="Ajax Add to Cart Functionality" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>List Most Viewed Products with Quick View</h3>
<p>The admin can display the most viewed products in the Quick View section. Each time a user views a product via Quick View, the product’s visit count is increased. This allows the admin to track user interest by monitoring these counts, helping identify popular products.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/list-most-viewed-products-with-quick-view.png?strip=all&w=900" alt="List Most Viewed Products with Quick View" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Choose Sections to Display in Quick View</h3>
<p>The admin has the option to choose which sections to display or hide within Quick View. Using the back-end settings, the admin can easily manage and customize the content that appears in the Quick View window.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/choose-sections-to-be-displayed-in-quick-view.png?strip=all&w=900" alt="Choose Sections to Display in Quick View" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Navigate to Related Products from Quick View</h3>
<p>Users can seamlessly navigate to the previous or next product without closing the Quick View window. Product navigation can be enabled from the backend, allowing arrows to be displayed for easy navigation between products.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/navigate-to-related-product-from-quick-view.png?strip=all&w=900" alt="Navigate to Related Products from Quick View" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Choose Custom Icons</h3>
<p>All icons within the Quick View can be fully customized from the back-end. You can select from a range of pre-built icons and loaders for various elements, including the Quick View close button, product navigation arrows, gallery slider arrows, Quick View trigger icon, preloader image, and more.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/choose-custom-icons.png?strip=all&w=900" alt="Choose Custom Icons" /></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Social Media Sharing</h3>
<p>The WooCommerce Social Share extension can be enabled from the back-end. Select the social media platforms you want to display in Quick View, allowing users to easily share your products across various social media channels.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2025/01/social-media-sharing.png?strip=all&w=900" alt="Social Media Sharing" /></div>
</div>
</div>
</div>
<hr class="wccom-product-single__section-hr" />
<h3>Unlock Your Store’s Potential with Product Quick View for WooCommerce: Boost Sales & Improve Customer Experience</h3>
<p>This extension is designed to enhance the user experience and drive business growth in the following ways:</p>
<ul class="wccom-tick-list-secondary">
<li><strong>Boost Conversion Rates:</strong> With Ajax Add to Cart, users can add products to their cart without reloading the page, making the shopping experience faster and more seamless, which can lead to higher conversion rates.</li>
<li><strong>Increase User Engagement:</strong> The Quick View shortcode allows customers to quickly preview products without navigating away from the page. This keeps users engaged and increases their chances of making a purchase.</li>
<li><strong>Efficient Product Browsing:</strong> With JavaScript APIs, store owners can easily control the Quick View functionality, such as opening, closing, and tracking product views, making the browsing experience smoother and more efficient.</li>
<li><strong>Expand Social Reach:</strong> The Social Media Sharing feature enables users to share Quick Views across platforms like Facebook, Pinterest, and Twitter, helping increase your brand’s visibility and drive more traffic to your store.</li>
<li><strong>Tailored Product Visibility:</strong> Visibility Choice allows store owners to select which product sections to display in Quick View, ensuring customers see the most relevant information without clutter.</li>
<li><strong>Highlight Popular Products:</strong> Highlight and List the Most Viewed Products helps you identify trending items based on user interest, encouraging more visitors to explore and buy popular products.</li>
<li><strong>Customizable Gallery:</strong> The Gallery Customization feature lets you personalize the look and feel of your product gallery, offering a visually appealing and interactive experience for customers.</li>
<li><strong>Multiple Display Styles:</strong> Choose between Modal View and Cascading View for product display, allowing you to align the Quick View style with your store’s design and user preferences.</li>
<li><strong>Full Style Customization:</strong> Style Customization ensures that you can match the Quick View display with your store’s branding, creating a consistent and professional look across your website.</li>
</ul>
<p>By integrating Product Quick View for WooCommerce, you’re not just enhancing the shopping experience — you’re setting your store up for increased engagement, higher conversion rates, and more satisfied customers. It’s a simple yet powerful tool that streamlines browsing, boosts visibility, and drives sales, helping your business thrive in today’s competitive online market. Don’t just keep up — outperform the competition with Product Quick View for WooCommerce.</p>

Product Quick View

<p>Enable fast product previews with easy navigation, enhancing UI/UX, speed, customization, and WPML support.</p>

<h2>Get more items in the cart by building urgency and trust with your customers</h2>
<div class="twocol-one" style="margin-bottom: 0">
<p>Product Badges helps you showcase key product details, limited-time offers, or important info directly on your product images. Choose from pre-made badges, upload your own, use a countdown timer, or create custom badges with text or code.</p>
<p>Use product badges to:</p>
<ul>
<li>Build urgency with countdowns and low-stock labels</li>
<li>Promote sales, shipping perks, or product features</li>
<li>Highlight categories, brands, or custom tags</li>
</ul>
<p>No image editing required. Just pick a badge and assign it to the products you want.</p>
<p>The built-in dashboard makes it simple to create, customize, and apply badges. Assign badges by product type, stock status, category, tag, shipping class, or manually for full control.</p>
<p>Badges can be shown on:</p>
<ul>
<li>All products or specific products</li>
<li>Sale or non-sale products</li>
<li>Out of stock, backorder, or featured products</li>
<li>Products in specific categories or with specific tags</li>
</ul>
<p style="font-style: italic">Read on to find out why you should use Product Badges and the great features included…</p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" /></a></p>
<div class="woocommerce-message">
<div><strong>Jack, an ecommerce store owner said:</strong></div>
<div style="margin-top: 0.5em"><i>“I was previously wasting lots of time editing product images and adding badges, now I can easily create badges and assign them to specific products.”</i></div>
</div>
</div>
<hr style="clear: both" />
<h2>Features</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;margin-bottom: 18px">
<li><strong>Includes pre-made badges for holidays & events (such as Black Friday, Mother’s Day, Father’s Day, Halloween, and more!) </strong></li>
<li><strong>Upload your own custom product badge</strong></li>
<li><strong>Create custom countdown badges (e.g. “Ends in 3 days”)</strong></li>
<li>Add text badges with flexible styling options</li>
<li>Add multiple badges to the same product</li>
<li>Create custom badges with your own HTML/CSS</li>
<li>Easy-to-use dashboard to manage all your badges with ability to search badges and sort badges</li>
<li>Built-in compatibility mode for theme/plugin conflicts</li>
<li>SVG format for crisp badge rendering</li>
<li>Display badges site-wide, or assign them conditionally:</li>
<li>Assign badges to out of stock products</li>
<li>Assign badges to on backorder products</li>
<li>Assign badges to featured products</li>
<li>Assign badges to products in specific categories</li>
<li>Assign badges to products with specific tags</li>
<li>Assign badges to products with specific shipping classes</li>
<li>Assign badges to specific products</li>
</ul>
<p><strong>Ready to get started?</strong></p>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=6662686" target="_blank" rel="noopener"><span class="wccom-button__text">Buy now</span></a></p>
<hr style="clear: both" />
<h2>Highlights</h2>
<p style="font-style: italic">Get these great features for your store…</p>
<div class="twocol-one" style="margin-bottom: 0">
<p><strong>Displayed across your WooCommerce store</strong><br />
Product badges appear directly on product images, wherever they’re shown.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3><strong>Pre-made and seasonal badge sets</strong></h3>
<p>Choose from holiday, promo, and general-purpose badges ready to go.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-premade.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-premade.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3>Custom image product badges</h3>
<p>Upload your own icons or graphics for a fully branded look.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-image.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-image.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Countdown badges</h3>
<p>Add urgency with badges that count down to a specific time or date.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-countdown.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-countdown.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3><strong>Text and code-based badges</strong></h3>
<p>Create fully custom badges using text styles or raw code.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-text.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-text.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Code badges</h3>
<p>Code your own badge and style it with CSS.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-code.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-code.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3><strong>Easy badge manager</strong></h3>
<p>Create, organize, and assign badges from one friendly dashboard.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/badge-management-dashboard.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/badge-management-dashboard.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3><strong>Multiple badge support</strong></h3>
<p>Display more than one badge per product when needed for unlimited flexibility</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-multiple.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-multiple.jpg" /></a></p>
</div>
<hr style="clear: both" />
<h2>Screenshots</h2>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-1-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-display.jpg","id":"18734000556421","title":"product-badges-screenshot-display","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-premade.jpg","id":"18734000556431","title":"product-badges-screenshot-premade","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-image.jpg","id":"18734000556605","title":"product-badges-screenshot-image","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-countdown.jpg","id":"18734000556500","title":"product-badges-screenshot-countdown","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-text.jpg","id":"18734000556606","title":"product-badges-screenshot-text","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-code.jpg","id":"18734000556504","title":"product-badges-screenshot-code","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/badge-management-dashboard.jpg","id":"18734003137990","title":"badge-management-dashboard","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-multiple.jpg","id":"18734000556509","title":"product-badges-screenshot-multiple","alt":"","caption":"","itemprop":"image"}]"></div>
<hr style="clear: both" />
<div class="woocommerce-message">
<h2>Example usage</h2>
<p>Sophia manages a WooCommerce store selling electrical appliances, depending on the manufacturer the warranty could be 1 to 25 years. To help customers easily see this she creates a badge for each warranty period and assigns these badges to matching products. She has also created badges for each brand so her customers can see the brand logo on product images in addition to the warranty badge.</p>
</div>
<hr style="clear: both" />
<h2>More information</h2>
<ul>
<li><a href="https://woocommerce.com/document/product-badges/">Read our documentation</a> for an overview of the settings, options, frequently asked questions and more.</li>
<li><a href="http://kestrelwp.com/support" target="_blank" rel="noopener">Contact us if you have any questions</a> and we’ll be happy to help.</li>
</ul>
<hr style="clear: both" />
<h2>Ready to get started?</h2>
<p>Add Product Badges to your store and start nudging buyers toward the right products.</p>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=6662686"><span class="wccom-button__text">Buy now</span></a></p>

Product Badges

<p>Highlight urgency, perks, or availability right on your product images.</p>

Product Quick View vs Product Badges