Product Display for WooCommerce

Description

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.

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.

🔥 Highlight Features

✅ 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.

💎 Supported Product Layouts

Each layout includes multiple display modes for total flexibility:

• 🟩 Grid – Basic and elegant Product layouts
• 💳 Card – Informative card-style Product showcase
• 🎠 Slider – Interactive carousel Product list or Product table
• 🧱 Masonry Grid – Dynamic, Pinterest-style Product galleries
• 🖼️ Gallery – Beautiful Product gallery presentations
• 🔁 Flip – Fun and interactive flipping Product layouts
• 📊 Table – Functional Product table layouts for comparisons
• 💼 Showcase – Modern Product showcases for featured items
• 💼 Category Tabs – Focused Product showcases for featured items
• 📋 List – Clean and readable Product list style
• 🎯 CTA (Call to Action) – Conversion-driven Product layouts
• 🎯 Caption Layouts – Animated caption overlays with hover effects**

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.

🎨 Elementor Integration

Product Display includes a powerful Elementor widget:

• Dedicated Product Display” widget category
• Select any saved Product layout or Product showcase
• Customize column count, product limit, order, and filters
• Live preview in the Elementor editor

Design your Product gallery or Product table visually and with ease.

External Libraries

This plugin utilizes the following third-party libraries:

• Masonry.js: A JavaScript grid layout library (masonry)

  • Purpose: Masonry is used to create responsive, grid-based layouts for product displays.
  • Source: The full, unminified source code for Masonry is available at masonry.
  • License: MIT License

• Slick.js: A responsive carousel jQuery plugin (slick)

  • Purpose: Used to create responsive product carousels and sliders.
  • Source: The full, unminified source code is available at kenwheeler.
  • License: MIT License

• toastmaster.js: A lightweight, versatile modal and toast notification library that works seamlessly with vanilla JavaScript, React, Vue and other frameworks (toastmaster)

  • Purpose: Used to create toast, tag, notices.
  • Source: The full, unminified source code is available at toastmaster.
  • License: MIT License

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 /assets/library/ directory with your modified or unminified versions
3. Clear your browser cache to ensure the changes take effect

How to Use

1. Activate the Plugin: Go to Product Display in the WordPress dashboard.
2. Choose a Layout: Select Grid, Masonry, or Table.
3. Customize: Adjust settings to match your store’s design.
4. Use Shortcodes: Insert [product_display layout="grid"] (or masonry/table) in posts or pages.

💡 Use Cases

• Create feature-rich Product tables for bulk ordering
• Build stylish Product galleries for seasonal promotions
• Showcase featured or best-selling products in modern Product layouts
• Drive attention to bundles with call-to-action Product showcases
• Present a minimal Product list for quick scanning and purchases
• Use sliders to create interactive, engaging Product layouts