Product Display

外掛說明

Product Display is a powerful WooCommerce plugin that enhances your store by offering multiple product layouts, including Grid, CTA, List, Card, Flip, Gallery, Showcase, Slider, Category Tabs, Table, and Masonry. Easily create stylish product showcases with an intuitive interface and customizable settings. Whether you need a structured grid or a dynamic masonry design, this plugin provides the flexibility you need.

Key Features

✅ Multiple Layouts – Showcase products in Grid, Masonry, or Table formats.
✅ Quick View – Let customers preview product details without leaving the page.
✅ Compare & Wishlist – Enable product comparisons and wishlist functionality.
✅ Add to Cart – Customers can add products directly from the showcase.
✅ Customizable Styles – Easily adjust appearance, colors, and layout settings.
✅ Shortcode Support – Embed product showcases anywhere with simple shortcodes.
✅ Responsive & Mobile-Friendly – Ensures a seamless shopping experience across devices.

Perfect for WooCommerce stores, Product Display gives you complete control over how your products are presented, improving user engagement and conversions.

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 https://github.com/kenwheeler/slick.
  • 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.