2022 年最佳 WooCommerce 產品列表視圖插件

已發表: 2022-02-17

您在尋找最好的WooCommerce 產品列表視圖插件嗎？ 如果您想顯示有關產品的其他信息，添加產品列表視圖會非常有用。 它們與批發網站和其他類似的在線商店合作得很好。

還有多種方法可以在您的電子商務網站中創建產品列表視圖。 但其中，使用插件是最簡單的方法。 讓我們來看看為什麼會這樣。

為什麼在 WooCommerce 中使用產品列表視圖插件？

WooCommerce 產品列表視圖插件經過精心開發，可幫助您在電子商務網站上展示更多產品信息。 這些插件提供的功能專門用於在您的網站上啟用產品列表視圖。 它們還可以輕鬆地用於您的在線商店，以改善產品列表的視覺和功能方面。

大多數產品列表視圖插件都具有內置選項，如網格或列表視圖切換、列表的產品計數、分頁等。 您所要做的就是使用產品列表中所需的選項編輯插件。

因此，使用插件比使用代碼等替代方法更容易和方便。 如果您是初學者並且沒有足夠的技術知識，那麼編程方法也會變得非常複雜和耗時。 因此，我們強烈建議您使用產品列表視圖插件之一在 WooCommerce 中添加產品列表。

最佳 WooCommerce 產品列表視圖插件

我們精選的最佳 WooCommerce 產品列表視圖插件列表包括：

  1. 帶有列表和網格視圖的產品列表頁面
  2. WooCommerce 的網格/列表視圖
  3. Woocommerce 產品列表專業版
  4. WooCommerce 產品表
  5. 忍者桌臨

我們將在以下列表中介紹每個插件提供的功能。 此處還將討論定價選項及其主要功能。

1. 帶有列表和網格視圖的產品列表頁面

帶有列表和網格視圖的產品列表頁面 woocommerce 產品列表視圖插件

帶有列表和網格視圖的產品列表頁面是 WooCommerce 官方頁面本身提供的插件之一，可幫助您將產品列表添加到您的網站。 這是一個高級插件，具有非常易於使用的界面，可讓您的客戶在產品的列表和網格視圖之間切換。 您還可以藉助此插件在列表視圖中顯示在線商店的特定類別。

此外，如果您想在單獨的頁面上顯示特定產品或類別列表，您也可以這樣做。 您所要做的就是在您要顯示的網站上粘貼一個短代碼。 其餘的全部由插件本身處理。

主要特點

  • 產品列表的單獨頁面
  • 特定產品或類別的列表視圖
  • 無限滾動，加載更多產品，分頁
  • 內置客戶搜索欄
  • 與主要的 WooCommerce 插件兼容

價格

帶有列表和網格視圖的產品列表頁面是 WooCommerce 官方網站上提供的高級插件，每年收費 49 美元。 它包括 1 年的擴展更新和支持以及 30 天的退款保證。

2. WooCommerce 的網格/列表視圖

woocommerce woocommerce 產品列表視圖插件的網格列表視圖

如果您正在尋找一個免費的插件來顯示產品列表視圖，那麼WooCommerce 的 Grid/View是您的最佳選擇。 這是一個簡單而輕量級的插件，可以完美地完成這項工作。 該插件會自動在您網站的商店頁面上添加一個按鈕，以允許客戶在網格視圖和列表視圖之間切換。

但是，即使它是一個簡單的解決方案，它仍然為您的產品列表提供許多自定義選項。 您對客戶切換網格和列表視圖的按鈕進行了擴展自定義。 此外，您還可以獲得更多選項，例如產品數量和自定義 CSS 和 JavaScript，以在您的網站上顯示產品列表。

主要特點

  • 切換到產品列表或網格視圖
  • 廣泛的按鈕自定義
  • 每個計數的產品選項
  • 自定義 CSS 和 JavaScript
  • 簡單和高級的列表樣式

價格

WooCommerce 的網格/列表視圖是一個免費插件，可在 WordPress 插件存儲庫中使用。

3. Woocommerce 產品列表專業版

woocommerce 產品列表 pro woocommerce 產品列表查看插件

WooCommerce Product List Pro是高級產品列表視圖插件之一，可以幫助您在列表中顯示您的產品。 它是一個功能豐富的插件，對開發人員也非常友好。 使用此插件，您甚至可以使用 PHP 或簡碼在您的網站上顯示產品列表。

此外，它還有一個非常人性化的管理面板來管理產品列表，並在設置中提供所有必要的產品數據。 該插件為您提供自定義圖標和貼紙，使您的網站也從競爭中脫穎而出。 如果您想在頁面上顯示特定數量的產品，您還可以為插件列表添加分頁。

主要特點

  • 添加帶有簡碼或 PHP 函數的產品列表
  • 功能強大且用戶友好的管理儀表板
  • 設置中可用的產品數據
  • 自定義貼紙和圖標選項
  • 產品列表分頁

價格

WooCommerce Products List Pro 是 CodeCanyon 中提供的高級插件。 24 美元，含 6 個月的支持和未來更新

4. WooCommerce 產品表

woocommerce 產品表 woocommerce 產品列表視圖插件

WooCommerce 產品表是最受歡迎的產品列表視圖插件之一，用於在在線商店中顯示產品列表。 您可以輕鬆地在您的網站上創建產品列表視圖，即使它最初是一個產品表插件。 該插件的獨特功能之一是快速的一頁訂購，客戶可以從產品列表中一次購買多個產品。

最重要的是，它還允許您以多種方式在您網站的任何位置以表格的形式添加產品列表。 您可以使用簡碼和古騰堡塊來顯示產品列表。 但是，您也可以選擇將列表與產品排序一起直接顯示到商店頁面或類別頁面。

主要特點：

  • 快速的一頁產品訂購
  • 用於產品列表的 Gutenberg 塊
  • 易於設置和定制
  • 使用過濾器即時搜索和排序
  • 完全控制產品數據

價格

WooCommerce 產品表是由 Barn2 Plugins 開發的高級插件。 它的起價為每年 499 美元，包含 20 個站點許可證、優先支持和 30 天退款保證。

5.忍者桌臨

ninja tables pro woocommerce 產品列表查看插件

Ninja Tables Pro是另一個表格插件，可用於 WooCommerce 中的產品列表視圖。 這是一個專門設計用於在您的在線商店中顯示更多產品詳細信息的插件。 因此，它提供了多種方式向客戶展示您的產品列表以及其他產品表選項。

最初，該插件有許多演示，您可以使用它們來顯示您的產品列表。 您還可以在此插件的幫助下使用它們在您的產品列表中創建產品比較和產品規格。 它甚至允許您根據亞馬遜網站或加密貨幣添加產品列表。

主要特點：

  • 產品列表和產品表的多個演示
  • 拖放數據排序
  • 簡碼友好
  • 無限的顏色選擇
  • 導出/導入產品 CSV

價格

Ninja Tables Pro 是由 WP Manage Ninja 開發的高級插件。 它的起價為每年 49 美元，帶有單個站點許可證、插件更新、優先支持和 14 天退款保證。

使用插件啟用 WooCommerce 產品列表視圖

我們為您提供了最好的 WooCommerce 產品視圖插件列表。 但作為獎勵，我們還將展示一個關於如何使用插件啟用產品列表視圖的簡短教程。

對於此演示，我們將使用WooCommerce 插件的網格/列表視圖。 提醒您，在我們開始之前，請確保您已正確設置 WooCommerce 並使用兼容的 WooCommerce 主題之一。 這將確保您在網站上啟用產品列表視圖時沒有插件或主題衝突。

1.安裝並激活插件

要開始使用該插件，您需要先安裝並激活它。 因此，從您的 WooCommerce 儀表板轉到插件 > 添加新插件以安裝插件。 然後，搜索插件的關鍵字，找到後單擊立即安裝。

安裝完成後，激活插件。

如果您想使用高級插件，則需要手動將其上傳並安裝到您的網站。 您可以在我們關於如何手動安裝 WordPress 插件的詳細指南中找到更多信息。

2.配置插件選項

激活插件後，您將被重定向到您網站上的插件設置頁面。

到目前為止，應該已經將一個用於在網格和列表視圖之間切換的切換按鈕添加到您的商店頁面。 因此，您所要做的就是安裝一個插件來啟用產品列表視圖。

但是，您可能仍需要使用插件設置根據您的偏好進一步自定義它們。 可以通過 WordPress 儀表板中的BeRocket > Grid/List View訪問它。

在插件設置中，您將能夠看到按鈕、產品數量和 CSS/JavaScript 的多個選項。

按鈕選項允許您更改一般按鈕佈局和位置。 此外，它們還為您提供按鈕預設和样式選項。

同樣，在產品計數選項中，您可以調整產品計數值、每頁產品、這些按鈕的位置等。

如果不需要，也可以在您的網站上完全禁用此產品計數選項。 您所要做的就是取消選中“使用產品計數”。

最後，如果您想添加一些您自己的自定義，也可以添加自定義 CSS/JavaScript 。 它們可以添加在列表或網格樣式、cookie 或用於切換網格或列表視圖的按鈕之前或之後。

也可以從這裡選擇 Font Awesome 版本。 您也可以在本節中完全禁用它。

完成所有必需的更改後，不要忘記保存它們。 預覽商店頁面後，您應該會立即看到產品列表視圖。

有關該過程的更多信息，您可以查看我們關於如何創建 WooCommerce 產品列表視圖的指南。

結論

我們的最佳 WooCommerec 產品列表視圖插件列表到此結束。 使用其中之一是在很短的時間內將產品列表添加到您的網站的最簡單方法。 但是選擇最好的完全取決於您的網站和客戶的需求。

其中，如果您想要一個具有足夠產品列表功能的免費插件， WooCommerce 的網格/列表視圖可能最適合您。 但是，如果您想使用具有更多功能的高級插件，帶有列表和網格視圖的產品列表頁面是最好的。

最後，您可能還希望在列表視圖中顯示您的產品以及其他表格形式。 在這種情況下， WooCommerce 產品表和Ninja Tabes Pro可能是最有幫助的。

我們甚至為您提供了一個簡短的教程，以在此插件列表中啟用 WooCommerce 中的列表視圖，以向您展示如何使用這些插件。 如果需要，您可以使用更多插件進一步自定義您的 WooCommerce，例如 Direct Checkout for WooCommerce 或 WooCommerce Checkout Manager。 它們可用於創建直接結帳鏈接或編輯結帳頁面。

那麼你認為這個列表中哪個插件最好？ 請在評論中告訴我們。

同時，這裡還有一些可以幫助您改善 WooCommerce 商店的文章：

  • 如何自定義 WooCommerce 產品頁面
  • 最佳 7 個 WooCommerce 產品捆綁插件
  • 如何自定義 WooCommerce 產品頁面模板