如何编辑 WooCommerce 产品页面 W/O Elementor

网上购物现在非常流行，但如果您自己拥有一家网上商店，您可能会知道管理它有多么困难。 大多数人使用 WooCommerce 和 Elementor 来定制他们的商店，但它们也有一些缺点。

这尤其适用于 Elementor，因为它不需要任何编码。 这听起来像是一个优势，但这会减少可能的功能数量以及您可以获得的创意，这就是为什么许多人想知道如何在没有 Elementor 的情况下编辑 WooCommerce 产品页面。

但是，仅通过使用 WooCommerce 进行编辑可能会很困难且令人困惑。 但是使用我们的插件 ShopReady，您只需转到“小部件”选项卡并单击产品页面功能（如产品标题、价格、评论、添加到购物车等），即可在几秒钟内编辑没有 Elementor 的产品页面。

我们将在本文中使用我们的插件进行全面编辑。 所以事不宜迟，让我们开始吧。

在所有用于在线商店的 WordPress 插件中， ShopReady – WooCommerce Builder For Elementor是最容易使用的，同时仍然具有大量功能。 因此，如果您要编辑商店的产品页面，请按照以下方法 -

先决条件

在我们开始编辑产品页面之前，请确保您安装了最新版本的 WooCommerce。 您可以根据需要使用 Elementor，但它是可选的。 但是在你成功安装之后，你可以继续下面的步骤——

手册：设置 ShopReady

设置 ShopReady 非常简单，安装只需一分钟。 只需按照以下步骤操作 -

1. 转到 WordPress 中的管理仪表板，然后单击“插件”部分。
2. 在右上角，搜索“ShopReady”。 我们的插件将是第一个结果。
3. 单击安装并等待安装。 这应该不会花很长时间。
4. 安装完成后，点击右上角的“激活”按钮。 你完成了！ 就这么简单。

安装后，您只需刷新 WordPress 页面，您将在仪表板左侧看到“ShopReady”部分。 但是要编辑您的产品页面，只需按照以下步骤操作 -

• 找到 ShopReady 选项卡并从左侧面板单击它。
• 单击该部分中的“小部件”或“模块”选项卡。 我们有大量不同的功能可以在没有 Elementor 的情况下编辑产品页面。 其中包括必要的 WooCommerce 小部件，例如价格、产品标题、元数据、评论、描述、相关产品、添加到购物车、产品数量、产品库存、附加信息等。
• 要查找要编辑的特定功能并将其添加到您的产品页面，请单击搜索栏并输入该功能。
• 找到要添加到产品页面的所有功能后，单击“小部件”或“模块”选项卡中的“激活”，一切顺利！

按照这些步骤，您可以在没有 Elementor 的情况下自定义您的 WooCommerce 产品页面。 要更改更多设置并从头开始完全自定义您的产品页面，您可以转到产品页面模板并创建一个新模板。

使用 Elementor：通过 Elementor 进行编辑

在不使用 Elementor 的情况下使用 ShopReady 自定义产品页面非常好，这完全取决于个人喜好，但 Elementor 可以提供一些额外的可自定义选项。

因此，为了帮助您进一步自定义产品页面，以下是使用 Elementor 进行编辑的方法 -

1. 打开Elementor 编辑器面板。 您可以在网站的左侧找到它。
2. 选择要使用的模板。 如果您已经制作了一个，您可以使用它或从头开始制作一个。
3. 从小部件栏中，选择您想要的Elementor 商店页面。最常见的是菜单购物车、产品标题、价格、评级、库存、添加到购物车、元数据、产品描述、附加信息、评论和相关产品。
4. 要自定义每个小部件的大小颜色等，请单击“小部件”选项卡中的功能，然后单击“编辑”。 这应该会带来一个包含大量不同选项的编辑菜单。

如您所见，使用Elementor WooCommerce Builder进行编辑也很简单，将 ShopReady 与它结合起来效果很好。 但这并不总是必要的，您可以单独使用 ShopReady 完成所有操作。

使用插件：使用插件进行更多自定义

ShopReady 与其他插件兼容，也可以与多个不同的插件组合使用！ 因此，如果您想调整一些设置或添加特定功能，您可以安装其他插件。

但尽量不要添加太多不同的插件，因为那样它们会覆盖插件中的功能并使一切变得混乱。 但除此之外，您还可以使用 ShopReady 定制您心中的内容。

为什么使用 ShopReady 来编辑 WooCommerce 产品页面？

到目前为止，您可能会说 ShopReady 是最容易使用的插件之一，无需任何编码。 它也支持其他插件，但大多数时候你甚至不需要 Elementor。

但是，如果您仍然不相信，以下是您应该使用 ShopReady 编辑 WooCommerce 产品页面的几个原因 -

完全自定义控制

对于使用 WordPress 创建在线商店，WooCommerce 非常有用，可以让您的业务变得更加轻松。 但即便如此，它也没有太多的定制选项。

但是我们的插件 ShopReady 改变了这一点。 使用它，您可以使用数百种不同的小部件、不同的模块设置和可自定义的模板自定义在线商店中的默认 WooCommerce 页面。

插件兼容性和优化设置

ShopReady 与其他 WooCommerce 插件兼容，因此您可以使用不同的插件以无数种方式对其进行自定义，尤其是使用 Elementor。

通常，在彼此之上添加其他第三方代码或不同的插件会造成混乱，您的网站可能会缓冲或滞后。 但是 ShopReady 支持所有插件并以最佳方式对其进行优化以获得最快的结果。

因此，即使您为单个产品模板 Elementor功能等复杂功能添加大量第三方代码，也不会出现任何滞后或错误，您可以根据需要进行编辑。

由经验丰富的 WordPress 开发人员制作

ShopReady 是与 WordPress 开发人员一起专业设计的，因此我们考虑了很多事情，以便以最简单和最快的方式获得最佳的在线商店开发过程。

通过我们的共同努力，我们制作了数百个不同的小部件和模块，以帮助您获得几乎所有在线业务可能需要的功能。 ShopReady 也可以与 Elementor 一起使用，将它们结合起来可以让您完全控制商店的各个方面。

结论

希望您关于如何在没有 Elementor 的情况下编辑 WooCommerce 产品页面的问题现在已经得到解答。 尽管您仍然可以在没有 Elementor 的情况下制作出色的网站，但我们仍然建议您使用它来获得额外的可定制性。

但作为最后一点，您应该查看产品页面模块，例如产品比较、产品快速查看和变化样本。 还有更多选项，但这些是最常见的，也是一些最有用的功能。

您可以使用 Elementor 或其他插件进一步自定义这些小部件和模块，以实现您的梦想业务在线。 祝你好运！

Astra Pro vs Elementor Pro – 头对头比较