xdimension

Product Showcase By Categories is a WooCommerce plugin that allows you to display product showcase with selected category filters. It displays products in a responsive carousel slider and uses ajax so users can navigate between categories without reloading the page. All you need to do is putting a simple shortcode and the plugin will do the rest.
FEATURES (Lite Version)
<ul>
<li>Display products filtered by selected product categories</li>
<li>Display featured products in a responsive carousel slider</li>
<li>Use ajax when navigating between categories</li>
<li>Shortcode to display product showcase</li>
<li>Options to set layout style</li>
<li>Select product template from plugin or from theme</li>
<li>Fully templateable</li>
</ul>
ADDITIONAL FEATURES (Pro Version)
<ul>
<li>Choose what products to be displayed:
<ul>
<li>Featured products</li>
<li>On-sale products</li>
<li>New products</li>
<li>Best selling products</li>
<li>Top rated products</li>
</ul>
</li>
<li>Option to show category images/thumbnails</li>
<li>Option to show Add to Cart button</li>
</ul>
Documentation for the plugin is provided in the plugin file.
<a href="http://indowebkreasi.com/psbc/woocommerce-product-showcase-by-categories/" rel="nofollow ugc">Plugin Homepage</a>
<a href="http://indowebkreasi.com/psbc/product-showcase/" rel="nofollow ugc">Demo 1</a> | <a href="http://indowebkreasi.com/psbc/product-showcase-2/" rel="nofollow ugc">Demo 2</a>
<a href="http://codecanyon.net/item/woocommerce-product-showcase-by-categories/8716927?ref=xdimension" rel="nofollow ugc">Purchase the Pro version</a>
Tired of setting featured products manually? Please see our plugin <a href="http://codecanyon.net/item/woocommerce-featured-products-scheduler/9342795?ref=xdimension" rel="nofollow ugc">Featured Products Scheduler</a> to schedule and automate featured products at your shop!

WooCommerce Product Showcase By Categories

Product Showcase By Categories is a WooCommerce plugin that allows you to display product showcase…

wpazleen

bilkisdev

Product Display is a powerful and lightweight plugin that gives you full control over your WooCommerce product presentation. With a rich collection of customizable Product layouts, Product tables, interactive Product galleries, and highly engaging Product lists, you can display products your way beautifully and efficiently.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/M4T0jubp9h8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Whether you want a minimalist Product showcase, dynamic Product list, elegant Product gallery, or functional Product table, this plugin helps you do it all no coding required. Perfect for beginners and pros alike.
With just a few clicks, you can display your products in various formats including Grid, List, Slider, Masonry, Flip, Card, Table, Gallery, CTA, Showcase, and Category Tabs all fully responsive and mobile-friendly.
Easily create stylish product showcases with an intuitive interface this plugin provides the flexibility you need.
<h3>🔥 Highlight Features</h3>
✅ Multiple Product Layouts & Modes 
Choose from Grid, Masonry, List, Slider, Table, Flip, Showcase, Gallery, CTA, and Card. Each main layout includes 3–5 additional layout modes. Easily create tailored Product layouts to suit your store’s identity.
✅ Call-to-Action Layout (CTA) 
Create high-converting Product showcases with bold CTA designs that draw attention and drive sales.
✅ Wishlist Built-in 
No extra plugins needed! A fully functional wishlist page and buttons are included works via AJAX for instant save.
✅ Compare Products Visually 
Enable a visual Product table to compare selected items side by side in beautiful Product layouts.
✅ Quick View Popup 
Let customers preview product details instantly using a modal popup no page reloads.
✅ AJAX Loading + Pagination 
Enable seamless browsing with AJAX-powered Product list and Product gallery navigation.
✅ Live Product Filters 
Add AJAX filters by category, tag, price, and more making your Product list instantly searchable.
✅ Shortcode Support 
Place your Product showcases, Product galleries, or Product tables anywhere via shortcodes.
✅ Advanced Design Sidebar 
Customize typography, spacing, buttons, colors, shadows, and more directly from the design panel. Modify all Product layouts easily.
✅ Fully Responsive Design 
All Product displays adapt beautifully on all devices, ensuring your Product gallery or Product list looks amazing on mobile, tablet, or desktop.
<h3>💎 Supported Product Layouts</h3>
Each layout includes multiple display modes for total flexibility:
<ul>
<li>🟩 Grid – Basic and elegant Product layouts </li>
<li>💳 Card – Informative card-style Product showcase </li>
<li>🎠 Slider – Interactive carousel Product list or Product table </li>
<li>🧱 Masonry Grid – Dynamic, Pinterest-style Product galleries </li>
<li>🖼️ Gallery – Beautiful Product gallery presentations </li>
<li>🔁 Flip – Fun and interactive flipping Product layouts </li>
<li>📊 Table – Functional Product table layouts for comparisons </li>
<li>💼 Showcase – Modern Product showcases for featured items </li>
<li>💼 Category Tabs – Focused Product showcases for featured items </li>
<li>📋 List – Clean and readable Product list style </li>
<li>🎯 CTA (Call to Action) – Conversion-driven Product layouts</li>
<li>🎯 Caption Layouts – Animated caption overlays with hover effects**</li>
</ul>
Whether you’re creating a new Product showcase, improving an old Product list, or redesigning a Product gallery, you’ll find the perfect layout here.
<h3>🎨 Elementor Integration</h3>
Product Display includes a powerful Elementor widget:
<ul>
<li>Dedicated “Product Display” widget category </li>
<li>Select any saved Product layout or Product showcase </li>
<li>Customize column count, product limit, order, and filters </li>
<li>Live preview in the Elementor editor</li>
</ul>
Design your Product gallery or Product table visually and with ease.
<h3>External Libraries</h3>
This plugin utilizes the following third-party libraries:
<ul>
<li>
Masonry.js: A JavaScript grid layout library (<a href="https://masonry.desandro.com/" rel="nofollow ugc">masonry</a>)
<ul>
<li>Purpose: Masonry is used to create responsive, grid-based layouts for product displays.</li>
<li>Source: The full, unminified source code for Masonry is available at <a href="https://github.com/desandro/masonry" rel="nofollow ugc">masonry</a>.</li>
<li>License: MIT License</li>
</ul>
</li>
<li>
Slick.js: A responsive carousel jQuery plugin (<a href="https://kenwheeler.github.io/slick/" rel="nofollow ugc">slick</a>)
<ul>
<li>Purpose: Used to create responsive product carousels and sliders.</li>
<li>Source: The full, unminified source code is available at <a href="https://github.com/kenwheeler/slick" rel="nofollow ugc">kenwheeler</a>.</li>
<li>License: MIT License</li>
</ul>
</li>
<li>
toastmaster.js: A lightweight, versatile modal and toast notification library that works seamlessly with vanilla JavaScript, React, Vue and other frameworks (<a href="https://www.npmjs.com/package/toastmaster" rel="nofollow ugc">toastmaster</a>)
<ul>
<li>Purpose: Used to create toast, tag, notices.</li>
<li>Source: The full, unminified source code is available at <a href="https://www.npmjs.com/package/toastmaster" rel="nofollow ugc">toastmaster</a>.</li>
<li>License: MIT License</li>
</ul>
</li>
</ul>
The minified versions of these libraries are included in the plugin to optimize performance. The original, unminified source code is available through the links above. No data is sent to external services when using these libraries.
If you wish to modify these libraries or use the unminified versions: 
1. Download the source code from the GitHub repositories linked above 
2. Replace the minified files in the <code>/assets/library/</code> directory with your modified or unminified versions 
3. Clear your browser cache to ensure the changes take effect
<h3>How to Use</h3>
<ol>
<li>Activate the Plugin: Go to Product Display in the WordPress dashboard. </li>
<li>Choose a Layout: Select Grid, Masonry, or Table. </li>
<li>Customize: Adjust settings to match your store’s design. </li>
<li>Use Shortcodes: Insert <code>[product_display layout="grid"]</code> (or masonry/table) in posts or pages.</li>
</ol>
<h3>💡 Use Cases</h3>
<ul>
<li>Create feature-rich Product tables for bulk ordering </li>
<li>Build stylish Product galleries for seasonal promotions </li>
<li>Showcase featured or best-selling products in modern Product layouts </li>
<li>Drive attention to bundles with call-to-action Product showcases </li>
<li>Present a minimal Product list for quick scanning and purchases </li>
<li>Use sliders to create interactive, engaging Product layouts</li>
</ul>

Product Display for WooCommerce

Create stunning WooCommerce Product layouts and interactive Product showcases using Grid, Slider, List, Card, Gallery, Table, and more.

WooCommerce Product Showcase By Categories vs Product Display for WooCommerce