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.

WPKIN

Richard

WPToffee

Use Product Layouts for WooCommerce to display your products with stunning styles and layouts — no coding required. 
Perfect for showcasing your store items beautifully and increasing sales.
Key Features:
<ul>
<li>Create product grids, tables, sliders, and galleries easily.</li>
<li>Fully responsive and works with all major themes and page builders.</li>
<li>Use simple shortcodes anywhere — pages, posts, or widgets.</li>
<li>Import demo layouts or create your own with live preview.</li>
</ul>

👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a>
<h3>Free Version</h3>
👉 General Layouts (3) <a href="https://product-layouts.com/demo/general-layouts/" rel="nofollow ugc">View Demo</a> 
👉 Call to Action Layouts (2) <a href="https://product-layouts.com/demo/call-to-action/" rel="nofollow ugc">View Demo</a> 
👉 Product Table Layouts (1) <a href="https://product-layouts.com/demo/product-table/" rel="nofollow ugc">View Demo</a> 
👉 Product List Layouts (1) <a href="https://product-layouts.com/demo/product-list/" rel="nofollow ugc">View Demo</a> 
👉 Caption Layouts (2) <a href="https://product-layouts.com/demo/caption-layouts/" rel="nofollow ugc">View Demo</a> 
👉 FlipBox Layouts (1) <a href="https://product-layouts.com/demo/flipbox-layouts/" rel="nofollow ugc">View Demo</a>
<h3>💰 Pro Version</h3>
👉 All Free Features 
👉 General Layouts (4) <a href="https://product-layouts.com/demo/general-layouts/" rel="nofollow ugc">View Demo</a> 
👉 Caption Layouts (6) <a href="https://product-layouts.com/demo/caption-layouts/" rel="nofollow ugc">View Demo</a> 
👉 Product Tabs <a href="https://product-layouts.com/demo/category-tabs/" rel="nofollow ugc">View Demo</a> 
👉 Product Carousel Slider <a href="https://product-layouts.com/demo/product-carousel/" rel="nofollow ugc">View Demo</a> 
👉 Product Filter (Sort by, Show per page, Category, Price Range, Rating). <a href="https://product-layouts.com/demo/filter-sorting/" rel="nofollow ugc">View Demo</a> 
👉 Accordion (Upcoming) 
👉 Product Pagination (with preset) 
👉 Load More Button 
👉 Category Page Design
<h3>Features</h3>
<ol>
<li>Custom Settings – You can change layout style (Product Filter, Color, Background Color, Border, Box shadow, etc.) using custom settings.</li>
<li>Font Settings – You can set font typography (Font, Font-size, Font-shadow, Line-height, letter spacing, etc.) as your own choice.</li>
<li>Style Settings – You can style layout (Color, Background Color, Border, Box shadow, etc.) using style settings.</li>
<li>Live Preview – Our plugin includes a Live Preview interface so users can see changes instantly. Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table) is designed for real-time editing convenience.</li>
<li>Clone Layout – Use the Clone option to copy layout styles with one click.</li>
<li>Export and Import – Export JSON file from Shortcode list and import from Import page.</li>
<li>Shortcode – Display your product using shortcode.</li>
<li>Product Filter Settings – Easily filter products by Category, Type, Order By, etc.</li>
<li>Icon Settings – Use icons from Icon Library (Icon Picker) for Add to Cart, Wishlist, Quick View, Compare Table buttons.</li>
<li>Borders and Shadows – Apply border and box shadows everywhere.</li>
<li>Color Pickers – Choose colors using color picker (Color, Gradient, Linear Gradient).</li>
<li>Import Layouts from Demo – Export layouts from the demo and import directly into your plugin.</li>
<li>Multi Language Supported – Translate easily with Loco Translate and reach a global audience.</li>
</ol>
👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a>
<h3>Responsive & Beautiful</h3>
Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table) is fully responsive and optimized for performance — an important factor for SEO and eCommerce success. 
It works smoothly across devices and displays your products beautifully with animations like sliding, fading, and folding. Customize typography, colors, alignment, and background to create professional product presentations.
👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a>

Product Layouts for WooCommerce

Thank you for quick support. This is a awesome plugin to create diffrent type of woocommerce product layouts.

Quickest support I've ever got.

Create impressive, lightweight, responsive WooCommerce product layouts. Compatible with popular themes & page builders.

Product Display for WooCommerce vs Product Layouts for WooCommerce