前言介紹
- 這款 WordPress 外掛「Product Showcase For WooCommerce」是 2025-12-03 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-12-04，距離現在已有 84 天。
- 外掛最低要求 WordPress 5.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
asadabir | themespell |
外掛標籤
Product Grid | product table | Product layouts | product showcase | woocommerce product showcase |
內容簡介
總結：TS Product Showcase 是一個靈活、優雅和高度可定制的 WordPress 產品展示外掛，讓您以獨特風格展示 WooCommerce 產品，擁有各種進階功能。
問題與答案：
1. 這個 WordPress 外掛的名稱是什麼？
TS Product Showcase
2. 如何描述這個外掛的特色？
TS Product Showcase 是靈活、優雅且高度可定制的產品展示外掛，讓您以獨特風格展示 WooCommerce 產品。
3. 如何使用 Live Builder 功能來設計和自定義產品資料？
Live Preview Builder 可讓您即時調整視圖、配置、顏色、字體和樣式，讓變更即時反映在分割式螢幕介面上，無需刷新或切換分頁。
4. 這個外掛的管理介面是什麼？
它是一個單頁應用程式 (SPA) 管理介面，使用 ReactJS 構建，提供快速響應並消除頁面重載，使您可以無縫地瀏覽產品、配置和設定。
5. 什麼是「Layout Design Copy/Paste」以及其他專業版專屬功能？
這是專業版的功能，包括「Layout Design Copy/Paste」、「Flex View」、「Marquee View」、「Table View」、「Circle Mask Layout」等，讓您有更多產品展示設計選擇。
6. 外掛是否會增加更多功能？
是的，更多功能即將推出，讓您的產品展示更加精彩。
原文外掛簡介
The Super Flexible, Elegant, and Highly Customizable Product Showcase Plugin for WordPress 🚀
Showcase your woocommerce products in style with TS Product Showcase
💡 DAILY EXPERIENCED WITH ADVANCED FEATURES
Live Builder
Admin SPA interface (build with ReactJS)
Block Style Editor for Details
Layout Typography Control
Shortcode Generator
PHP Snippet Generator
Hover Animation
Grid View
Carousel View
Card Layout
Horizontal Card Layout
Overlay Card Layout
Modal / Popup Details Style
Layout Design Copy/Paste [PRO]
Flex View [PRO]
Marquee View [PRO]
Table View [PRO]
Circle Mask Layout [PRO]
Fancy Card Layout [PRO]
Glass Layout [PRO]
Capsule Card Layout [PRO]
Drawer Details Style [PRO]
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.
👉 All View Style 👈
📊 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.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Product Showcase For WooCommerce」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Product Slider, Product Carousel and Product Grid Gallery for WooCommerce – WooProduct Slider 》現場演示 | 文件 | 升級至專業版！, , 概述, Product Slider for WooCommerce 是最佳的產品幻燈片輪播外掛，可以讓你以整潔和專業的方式滑動 WooCommerce 產...。
JetWidgets for Elementor and WooCommerce 》專門為 WooCommerce 網站製作的特殊小工具，提供以最吸引人的佈局顯示產品的機會。, 產品清單, 使用此小工具在使用 Elementor 建立的頁面中添加精美的 WooCom...。
Widgets for WooCommerce Products on Elementor 》這些特殊小工具專門為 WooCommerce 網站製作，提供以最吸引人的版面呈現商品的機會。, 商品清單, 使用此小工具，以Elementor建立型格的 WooCommerce 商品列表...。
Custom Layouts – Post + Product grids made easy 》e version), , , 這個 WordPress 外掛可以建立任何文章類型 (產品、頁面、文章等) 的列表或方格佈局。, 視覺化編輯體驗使得創建獨特的設計輕而易舉。, , 使用...。
Product Layouts for WooCommerce 》使用 Product Layouts for Woocommerce 外掛，以出色的風格展示您的產品，增加您的線上業務。, , 👁️ 查看演示 | 🚀 獲取高級版 | 👩🏼💻 獲取支援, 免費版...。
WPMozo Product Grid for WooCommerce 》總結：, WPMozo Gutenberg Product Grid for WooCommerce 是一個 WordPress 外掛，可以協助店主在 Gutenberg 編輯器內製作具有回應性和可自訂樣式的商品網格...。
Flexi Post Grid 》總結：Flexi Post Grid 在 Elementor 中幫助您輕鬆建立專業的文章網格。重點功能包括預設網格風格，讓使用者立即應用現代設計，無需花費時間進行手動自定義。...。
ShopElement – Elementor Addons for WooCommerce Product Grid, Carousel & Category Widgets 》<!DOCTYPE html>, <html>, , <head>, <title>ShopElement 外掛介紹</title>, </head>, , <body>, <h2...。
Post Grid for Elementor & Product Grid | PowerGrids 》此外掛為 Elementor 增加了文章網格 (Post Grid) 和免費的 Woocommerce 產品網格 (Product Grid) 小工具。, 概述, 此外掛擴展了 Elementor，讓您可以免費使用...。
Choose Your Best Selling Products 》總結：「Choose Your Best Selling Products (CBSP)」是一款適用於 WooCommerce 商店的外掛程式，可讓商店擁有者展示可自訂網格格式的熱賣商品或手動選擇的商...。
woocommerce grid 》這個 WordPress WooCommerce 商品網格外掛程式可以展示商品，並帶有動畫加載效果。完全響應式，可選擇顯示您選定的商品類別。, 在網頁滾動時，此外掛程式可將...。
Modern Product Gallery Widget 》總結：Modern Product Gallery Widget 是一個給 Elementor 的WordPress 外掛，能夠新增一個具有回應式、可自訂的產品網格。每個產品可以在全屏縮放燈箱中打開...。
Ultimate Product Table for WooCommerce 》總結文案：, Ultimate Product Table for WooCommerce 讓您可以使用簡單的 shortcode 在 WordPress 站點上建立和展示自定義產品表格，非常適合以整潔、有組織...。
Gridify Plus 》```html, <!DOCTYPE html>, <html lang="zh-TW">, , <head>, <meta charset="UTF-8">, </head>, , &...。
MoHu Product Grid 》Moo Woocommerce Product Grid 是創建完全可定制的「網格布局」的最佳外掛程式。我們提供「產品網格」，包括標題、價格、評分、加入購物車和收藏按鈕的顏色、...。