如何修復 WooCommerce 商店頁面未顯示產品

介紹

擔心您的商店頁面沒有顯示任何產品？ 可能有幾個原因可能導致此問題，您需要盡快修復它。

WooCommerce 是最常用的電子商務平台，但有時會遇到問題。 商店頁面是您的 WooCommerce 商店的重要組成部分，因為它是您展示產品的部分。 空白的產品頁面可能會讓客戶望而卻步，給您造成損失。

幸運的是，我有一個解決方案給你。 本指南將解釋 WooCommerce 商店頁面中空白頁面背後的基本原理，並為您提供解決此問題的解決方案。

現在，讓我們深入了解它！

為什麼 WooCommerce 商店頁面不顯示產品

有很多原因會導致 WooCommerce 中的商店頁面出現空白。 但在大多數情況下，這可能是由於商店配置錯誤造成的。 在其他情況下，產品的消失可能是由於插件兼容性問題、永久鏈接，甚至是設置錯誤。

在其他情況下，您試圖上傳到商店頁面的商品可能無法在您的 WooCommerce 網站上使用。 可能導致此問題的可能原因包括插件或主題崩潰、完全緩存或您之前自定義商店頁面的情況。

例如，如果您最近將 WooCommerce 更新到較新版本或修改了您的商店頁面，則可能會出現此類問題。

解決這些問題所需的時間和工作將取決於問題的複雜性。 讓我們探索有效地修改在線商店中的空白頁面的方法。

如何修復 WooCommerce 中的空白產品頁面

那麼，當您無法在商店頁面上追踪任何產品時，您會怎麼做？ 儘管一切都做對了，但不可避免地會遇到這樣的問題。 如果您不具備後者的一些知識，那麼您可能會遇到困難。 出於這個原因，讓我們探討一些有關處理 WooCommerce 網站上未顯示的產品的技巧。

1.檢查覆蓋模板的問題

您可以通過將版本放置在主題中來覆蓋 WooCommerce 模板。 為單個產品模板創建覆蓋可能會導致某些產品頁面變為空白。 這可能是由於與使用過時代碼的自定義模板相關的問題造成的。 要確定是否存在問題，請導航到 WP 菜單的系統狀態鏈接。 您會在您的主題中找到自定義 WooCommerce 模板的列表。 檢查它們是否已更新。 如果您發現模板列為“過期”，請​​考慮安裝最新的 WooCommerce 版本。

2.配置你的產品頁面

配置您的產品頁面是發現您的 WooCommerce 商店未在商店頁面上顯示產品的原因的合適選項。 轉到 WooCommerce > 設置 > 產品。 檢查您的“商店頁面”的下拉箭頭是否設置為“商店”。

同樣，在高級選項卡中，檢查“頁面設置”子菜單，確保購物車頁面的下拉菜單設置為“購物車”，結帳頁面設置為“結帳”，我的帳戶頁面作為“我的帳戶”，條款和條件作為“條款”。

3.插件兼容性

當 WooCommerce 更新到較新版本時，您的商店頁面可能會出現問題。 您的 WooCommerce 版本和現有插件之間可能會出現衝突。 暫時禁用除 WooCommerce 之外的所有插件可以幫助解決此問題。 之後，您需要驗證您的產品是否在商店頁面上可見。 接下來，激活每個產品，直到商店頁面為空。 如果您發現問題是由插件兼容性問題引起的，請聯繫您的插件發行商進行更新或幫助您解決問題。

此外，您應該禁用插件而不是刪除它。 安裝插件時，您可能已經更改了一些設置，因此是這個原因。 要禁用多個插件，請轉到插件 > 已安裝插件。 在這裡，您會找到一個複選框來同時標記所有插件。 點擊“停用”。

4.更新您的商店永久鏈接

將一些商品添加到您的 WooCommerce 商店可能會導致產品不會出現在您的商店頁面上。 在這種情況下，您可以在產品屏幕上看到產品，但無法在商店頁面上查看產品。 這樣的問題很可能是永久鏈接的結果。

那麼，什麼是 WordPress 永久鏈接？ 永久鏈接（永久鏈接的縮寫形式）是帖子或頁面的 URL，一旦頁面發布就不應更改。 在管理您的網站內容時，這些 URL 是必不可少的。

一旦確定永久鏈接是您的商店頁面為空的主要原因，請從 WordPress 儀表板轉到“設置”，然後單擊“永久鏈接”。 接下來，單擊“保存更改”以確保 WordPress 考慮新的 WooCommerce 永久鏈接。

5. 檢查目錄的可見性

目錄可見性可能會導致您的 WooCommerce 商店頁面變為空白。 有時，如果在目錄可見性選項中設置為隱藏，您的 WooCommerce 商店中的產品可能無法在添加或導入後出現在商​​店頁面上。

要恢復這些設置，請轉到 WooCommerce > 產品並選擇商店頁面上不可見的產品。 您會在右欄中找到“目錄可見性”。 要繼續，請設置您希望它僅顯示在商店頁面、商店頁面和頁面結果中，還是僅顯示在搜索結果中。 完成後，單擊“確定”，然後單擊“更新”。 如果您有其他產品在商店頁面上不可見，則必須對每種產品重複該過程。

6.清除瀏覽器緩存

瀏覽器存儲來自站點的靜態內容，以使它們能夠在用戶下次訪問頁面時更快地顯示內容。 但是，當瀏覽器沒有意識到已經進行了某些更改時，可能會出現問題。 在這種情況下，必須清除瀏覽器的緩存。 例如，如果您使用的是 Chrome，則必須轉到瀏覽器最右上角的三個點，點擊“更多工具”，然後點擊“清除瀏覽數據”。 過濾您要刪除的內容及其時間範圍，然後按“清除數據”。 如果店鋪頁面還是空白，試試下面的方法。

7.使用緩存插件清除緩存

使用緩存清除服務器緩存還可以幫助恢復 WooCommerce 商店頁面中的空白商店頁面。 WP Rocket 等插件會主動構建您的 WordPress 緩存，以確保您的用戶訪問您網站的緩存版本。 但是，此過程與使用的工具不同，但這主要可以通過插件的設置來完成。 其他流行的 WordPress 緩存插件包括 WP Super Cache 和 W3 Total Cache。

此外，一些託管服務提供商帶有內置緩存選項，可讓您從其設置中清除服務器緩存。 一些示例包括 Bluehost、WP Engine 和 Site ground。

底線

如果產品沒有顯示在您的 WooCommerce 頁面上，您無需擔心。 我們的詳細教程探討了您的商店頁面可能為空白的常見原因以及如何解決此問題。

空的 WooCommerce 商店頁面可能是由於兼容性問題、配置、永久鏈接問題、瀏覽器或服務器緩存，甚至是目錄可見性的結果。 您可以使用討論的解決方案解決所有這些問題。 但是，如果問題超出此範圍，您需要諮詢 WordPress 或 WooCommerce 專家。

您可以查看我們關於自定義 WooCommerce 商店頁面的指南以獲取更多信息。 我們希望本文將有助於為您的客戶帶來良好的購物體驗。

您覺得本指南有幫助嗎？ 如果您在網絡上共享它，我們不會介意。