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.

Asaduzzaman Abir

ThemeSpell

The Super Flexible, Elegant, and Highly Customizable Product Showcase Plugin for WordPress 🚀
Showcase your woocommerce products in style with TS Product Showcase
<h3>💡 DAILY EXPERIENCED WITH ADVANCED FEATURES</h3>
<ul>
<li>Live Builder </li>
<li>Admin SPA interface (build with ReactJS) </li>
<li>Block Style Editor for Details </li>
<li>Layout Typography Control </li>
<li>Shortcode Generator</li>
<li>PHP Snippet Generator</li>
<li>Hover Animation</li>
<li>Grid View</li>
<li>Carousel View</li>
<li>Card Layout</li>
<li>Horizontal Card Layout</li>
<li>Overlay Card Layout</li>
<li>Modal / Popup Details Style</li>
<li>Layout Design Copy/Paste [PRO]</li>
<li>Flex View [PRO]</li>
<li>Marquee View [PRO]</li>
<li>Table View [PRO]</li>
<li>Circle Mask Layout [PRO]</li>
<li>Fancy Card Layout [PRO]</li>
<li>Glass Layout [PRO]</li>
<li>Capsule Card Layout [PRO]</li>
<li>Drawer Details Style [PRO]</li>
</ul>
More features Coming Soon! 😎
🌟 Live Builder with Preview Support: Say goodbye to guesswork! The Live Preview Builder lets you design and customize your product profiles in real-time. As you adjust views, layouts, colors, typography, and styles, you will see the changes instantly on a split-screen interface. No more refreshing or switching between tabs, and every tweak is visible immediately. This feature is powered by dynamic AJAX rendering, ensuring smooth performance even for large products. Whether you are a beginner or a pro, the Live Preview Builder makes creating stunning product profiles fast, intuitive, and stress-free.
💻 Admin SPA Interface (Built with ReactJS): Experience the power of a modern web application with the Single-Page Application (SPA) Admin Interface, built using ReactJS. This sleek, fast, and responsive interface eliminates page reloads, allowing you to navigate through product, layouts, and settings seamlessly. Features like auto-save drafts, version history, and real-time collaboration make productwork effortless. The SPA architecture reduces server load and ensures a lag-free experience, even for large products. It is designed for simplicity, so you can focus on creating wonderful product showcases without any technical hassle.
📥📤 Layout Design Copy/Paste [PRO]: Save time and maintain consistency with the Layout Design Copy/Paste feature. This powerful tool allows you to copy the design and style of one layout and paste it onto another with just one click. Whether you’re creating multiple product groups or updating existing ones, this feature eliminates the need to recreate designs from scratch. It’s perfect for busy website owners who want to streamline their workflow while ensuring a cohesive look across all product profiles.
🔤 Layout Typography Control: Typography matters, and with Layout Typography Control, you have complete command over it. Customize every element in your product profiles, including names, descriptions, designations, and detailed information. Choose from a wide range of stylish fonts like Dancing Script, Pacifico, Shadows Into Light, Great Vibes, Satisfy, Caveat, Courgette, Kaushan Script, and more to create a unique and professional look. Whether you’re aiming for a sleek, modern design or a classic, elegant style, this feature lets you fine-tune typography to perfection. Adjust the font for each field individually, ensuring every detail aligns with your brand’s identity. The real-time preview ensures you see every change instantly, making it easy to create visually cohesive and engaging product showcases. With Layout Typography Control, your product profiles will not only look stunning but also reflect your brand’s personality and professionalism.
🌀 Hover Animation: Add a touch of interactivity with Hover Animation. Choose from a variety of effects like 3D float, tilt, blur, slide top, or many more to make your product profiles more engaging. These animations are triggered when users hover over product cards, adding a dynamic and modern feel to your showcase. With customizable settings, you can create animations that align with your brand’s personality and style.
📋 ShortCode Generator: Embedding your product showcase has never been easier! The ready-made ShortCode Generator automatically creates shortcodes for each product group, ensuring seamless integration into your website. Whenever you update your product profiles, the shortcodes are automatically refreshed, so you never have to manually replace them. Simply copy and paste the shortcode into any post, page, or widget, and your product will appear instantly. This feature is perfect for beginners and pros alike, offering a quick, hassle-free way to display your product without any coding knowledge. It’s the ultimate tool for saving time and maintaining consistency across your site.
🔧 PHP Snippet Generator: For advanced users, the ready-made PHP Snippet Generator takes customization to the next level. This feature automatically generates PHP snippets that allow you to pull product data directly into your theme templates. Create conditional displays based on user roles, combine multiple layouts on a single page, or dynamically showcase product based on specific criteria. The snippets are automatically updated whenever you make changes, ensuring your product profiles stay current without manual intervention. This feature provides unparalleled flexibility, making it the perfect tool for developers who want to create highly tailored and dynamic product showcases.
<h3>👉 All View Style 👈</h3>
📊 Grid View: The Grid View offers a clean, organized way to display your product. Choose between dynamic and fixed layouts, and customize the number of columns for different screen sizes. Add animations like fade-ins or bounces to make your grid more engaging. Infinite scroll support ensures smooth loading for large products, while hover effects and customizable spacing let you create a polished, professional look.
🎠 Carousel View: Showcase your products in an interactive Carousel View. Set autoplay options, pause-on-hover, and transition effects like slide, fade, or cube rotations. Display 1-6 slides at a time, with optional captions below or overlay text on images for a magazine-style look. This feature is perfect for creating dynamic, eye-catching product profiles that captivate your audience.
🔄 Flex View [PRO]: The Flex View offers unparalleled flexibility in displaying your product. Expanded layout uses CSS Flexbox to create dynamic, responsive product profiles that adapt seamlessly to any screen size. Customize the alignment, spacing, and order of product to create unique and visually appealing showcases. Whether you’re highlighting key product or creating a balanced grid, the Flex View gives you complete control over your product’s presentation.
🎬 Marquee View [PRO]: Add a touch of dynamism with the Marquee View. This layout features a scrolling marquee that showcases your product in a continuous loop. Customize the scroll speed, direction, and pause-on-hover effects to create an eye-catching display. Perfect for highlighting key product or creating a sense of motion on your website, the Marquee View is ideal for creative agencies and modern businesses.
📑 Table View [PRO]: Organize your products in a structured and professional format with the Table View. This layout is perfect for displaying detailed information like names, roles, and contact details in a clean, tabular format. Customize column widths, row heights, and hover effects to create a polished and functional product showcase. It’s ideal for corporate websites and organizations that need to present large products in an easy-to-read format.

Product Showcase For WooCommerce

The Super Flexible, Elegant, and Highly Customizable Product Showcase Plugin for WordPress 🚀

Product Display for WooCommerce vs Product Showcase For WooCommerce