[WordPress] 外掛分享: Products Grid for Elementor

WordPress 外掛 Products Grid for Elementor 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Products Grid for Elementor」是 2025-06-29 上架。
  • 目前有 40 個安裝啟用數。
  • 上一次更新是 2025-06-30,距離現在已有 241 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

bestwpdeveloper |

外掛標籤

ecommerce | elementor | grid layout | products grid | product showcase |

內容簡介

### 總結:
Products Grid 是一款專為 Elementor 設計的外掛程式,可幫助您美觀地展示 WooCommerce 產品。無論您經營小型商店還是大規模的電子商務網站,這個外掛程式讓您能以視覺上引人注目的方式展示您的產品。

### 問題與答案:
1. 這個外掛程式提供了哪些免費版本的功能?
- 兩種時尚的產品網格配置
- 完全整合 Elementor,便於拖放操作
- 優化後的響應式設計,適用於桌面、平板和手機
- 基本的樣式選項,可自定義字體、顏色、填充間距等
- 適合初學者使用,無需編碼技能
- 輕巧快速,性能優化

2. 這個外掛程式的專業版本包含哪些功能?
- 20多種高級產品網格配置
- 較大程度控制排版樣式,如字型、滑鼠懸停效果、按鈕、徽章等
- 多種網格配置類型,以適應不同產品需求
- 自定義徽章和促銷標籤選項,以視覺方式突出特別優惠或折扣
- 提供篩選和排序選項,讓用戶通過分類瀏覽或按照流行度、價格等排序
- 滑鼠懸停動畫和互動效果
- 專業支援,可獲得我們專家團隊的專注支持
- 全部免費功能均包含在內

3. 這個外掛程式使用了哪個外部 CSS 函式庫?
- Bootstrap 5.2.0
- 來源: https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/css/bootstrap.min.css
- 授權: MIT 授權
- 用途: 用於版面結構和響應式設計支援

4. 使用這個外掛程式的步驟是什麼?
- 使用 Elementor 編輯任何頁面
- 在 Elementor 側邊欄中尋找“Products Grid”小工具
- 將小工具拖放到您的版面中
- 選擇可用的佈局
- 添加您的 WooCommerce 產品並調整樣式設定
- 儲存並預覽更改

5. 這個外掛程式的授權是什麼?
- 這個外掛程式根據 GPLv2 或更高版本授權。您可以按照相同授權條款自由使用、修改和分發。參見 GPLv2 以獲取更多資訊。

原文外掛簡介

Products Grid is the ultimate Elementor addon plugin designed to help you beautifully display your WooCommerce products. Whether you’re running a small store or a large-scale eCommerce site, this plugin gives you the flexibility to present your products in a visually compelling way.
🎯 With 2 FREE unique designs and 20+ PRO layouts, you can create modern and engaging product grids to attract more customers and boost sales. Perfect for Elementor users who want to upgrade their product display without writing a single line of code!
Features
✅ Free Version Includes:

🧩 2 Stylish Product Grid Layouts – Choose from two professionally designed layouts to enhance your store’s appearance.
⚡ Elementor Widget Support – Fully integrated with Elementor, making it easy to drag and drop.
📱 Responsive Design – Optimized for all devices: desktop, tablet, and mobile.
🎨 Basic Styling Options – Customize font, colors, padding, spacing and more.
🧑‍🎓 Beginner-Friendly – No coding skills required.
💡 Lightweight & Fast – Optimized for performance.

🔐 Pro Version Includes:

🚀 20+ Premium Product Grid Layouts – Access a wide variety of advanced, modern, and niche-specific designs.
🌈 Advanced Styling Controls – More control over typography, hover effects, buttons, badges, and more.
🌀 Grid Layouts – Multiple layout types to suit your product needs.
🧩 Custom Badge and Sale Tag Options – Highlight special offers or discounts visually.
🔍 Filtering and Sorting Options – Let users browse through categories or sort by popularity, price, etc.
🎯 Hover Animations and Interactions
🛠️ Premium Support – Get dedicated support from our expert team.
🧾 All Free Features Included

External Libraries
This plugin uses the following external CSS library via CDN:

Bootstrap 5.2.0

Source: https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/css/bootstrap.min.css
License: MIT License
Purpose: For layout structure and responsive design support.

How to Use

Edit any page with Elementor.
Find the “Products Grid” widget in the Elementor sidebar.
Drag and drop the widget into your layout.
Choose from available layouts.
Add your WooCommerce products and adjust the styling options.
Save and preview the changes.

License
This plugin is licensed under the GPLv2 or later. You are free to use, modify, and distribute it under the same license terms. See GPLv2 for more information.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Products Grid for Elementor」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | trunk |

延伸相關外掛(你可能也想知道)

  • Minitek Wall 》一個可用於顯示內容的瀑布流布局系統,非常適合創建各種魔幻佈局並使用美麗的動畫過濾。, 詳細資訊, 如需詳細資訊,請訪問我們的官方產品頁面。, 若需要現場...。
  • C4D Woo Grid Product 》, , 以方格風格顯示產品, , , 更改產品類別時使用 Ajax 更新, , , 支援載入更多產品功能, , , 此外掛程式適用於 C4D Vision – 回應式 WooCommerce 主題...。

文章
Filter
Apply Filters
Mastodon