如何修复 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 商店页面的指南以获取更多信息。 我们希望本文将有助于为您的客户带来良好的购物体验。

您觉得本指南有帮助吗？ 如果您在网络上共享它，我们不会介意。