ProductX WooCommerce 在线商店生成器

已发表: 2022-09-22
productx-woocommerce-builder-plugin

用于创建在线商店的 WooCommerce 插件的受欢迎程度持续上升。 WooCommerce 生态系统广受欢迎，是目前创建电子商务商店的首选。 如今，大多数小企业主都在 WooCommerce 中创建他们的在线商店。 正因为如此，很难让一个网站从其他商店中脱颖而出。

不仅如此，WooCommerce 缺乏偶像在线商店所需的许多基本功能。 如果您想克服这种情况，可以尝试使用 WooCommerce 构建器插件。 它允许创建具有所有必需功能的不同类型的基本页面模板，并使用默认功能对其进行更改。 因此，在本博客中，我将讨论最有前途的 WooCommerce 构建器之一，它在不离开古腾堡生态系统的情况下提供所有基本功能。

ProductX 简介：Gutenberg WooCommerce Builder

ProductX是基于 Gutenberg 的多合一解决方案，用于扩展 WooCommerce 插件的功能以创建偶像在线商店。 它提供多个产品块、基本功能和各种附加组件。

WooCommerce Builder是 ProductX 的强大插件之一。 它有助于为多个页面动态创建模板并覆盖现有的 WooCommerce 模板。

ProductX 的 Builder 附加组件的主要吸引力在于它可以用作 Gutenberg 编辑器。 正因为如此，它具有完整的动态构建功能，没有任何冗余。

我们可以用 ProductX WooCommerce Builder 做什么

正如我已经讨论过 ProductX 的 Gutenberg WooCommerce Builder 插件，是时候讨论我们可以用它做什么了。 如果您熟悉任何流行的构建器插件，您将更容易理解。

就像任何其他构建器一样，它有助于为 WooCommerce 商店的大多数基本页面创建和自定义模板。 那包含着：

  • 商店页面
  • 产品档案
  • 产品类别
  • 购物车页面
  • 单一产品页面等等

为上述页面创建模板后，现有页面的默认模板将替换为新模板。

如何使用 ProductX 的 WooCommerce 构建器

显然，只有解决方案并不能使其成为最佳选择。 一个明显的解决方案也必须具有良好的用户体验。 大多数 WordPress 用户希望每个解决方案都简单易用。 那么，让我们来看看 ProductX 的 WooCommerce Builder 是如何工作的。

正如我在这篇博文前面所说的，WooCommerce Builder 是 ProductX 的一个附加组件。 所以要使用它，我们必须在充分安装和激活 ProductX 插件后打开它。 就是这样：

  • 从您的 WordPress 仪表板，转到 ProductX 部分
  • 现在，单击 ProductX 的附加组件部分
  • 从所有可用的附加组件中打开 Builder

打开 Builder 插件后，您可以创建无限模板并将其替换为默认的 WordPress 模板。

让我们看看我们如何创建一个模板，让您更容易理解它的工作原理。 因此，您需要按照以下步骤创建模板：

  • 转到构建器部分
  • 单击“添加新”按钮
  • 添加模板名称
  • 选择模板类型
  • 如果需要，请选择条件
  • 点击“创建模板”按钮

从类型选择选项中，您需要选择需要为其创建模板的页面。 然后，根据您的要求选择条件。

使用 WooCommerce Builder 创建和自定义自定义商店页面

现在，让我们看看如何从头开始创建自定义商店页面模板。 首先，在创建模板时选择 Shop 作为类型。 无需选择条件，因为 WooCommerce Shop 只有一个模板。

选择类型后，单击“创建模板”按钮，您的模板就准备好了。 但是，模板是空的，您需要从头开始对其进行自定义。

在自定义商店页面模板时，由您决定要显示什么以及如何显示它。 不用担心; ProductX 拥有制作完美商店页面的所有选项。 如您所知，完美的商店页面必须有带有过滤商店的产品，才能让购物者轻松找到他们想要的商品。

现在让我们看看如何将产品和过滤选项添加到商店页面。 例如，我将在右侧显示产品，在左侧显示过滤选项。 但是，您也可以反过来。

为了正确并排显示产品和过滤选项，您需要使用 Gutenberg 列块。 所以我要添加一个比例为 70/30 的列。

然后我们可以在左侧添加产品过滤器块，在右侧添加任何可用的产品块。 例如，我正在添加 Product Grid 1 块。

现在，我们必须将产品块与过滤块连接起来。 为此，单击网格选择选项并选择您已添加到商店页面的产品网格。

如果您不喜欢默认的视图产品网格和过滤器块，请不要担心，因为 ProductX 为所有块提供了完整的自定义选项。

最后但同样重要的是，如果您想对商店页面进行分页，您还可以从两种类型的分页中进行选择，加载更多和数字。

自定义后，您可以发布商店页面模板并检查其对购物者的外观。

使用 WooCommerce Builder 创建和自定义类别页面模板

现在您知道您已经学会了制作自定义商店页面模板。 是时候学习如何对类别页面模板进行同样的操作了。 因此，您将更容易正确理解 ProductX 的构建器是如何工作的。

因此，选择存档作为模板类型，然后选择“所有产品类别”作为您要为所有类别创建模板的条件。 但是，如果您要为特定类别创建单独的模板，也可以使用特定的产品类别选择选项。

现在，单击并开始编辑模板。 然后您可以像商店页面模板一样开始对其进行自定义。

首先，您需要添加将显示类别标题名称的存档标题块。 添加块后，您可以更改大小、颜色和排版。

之后，您可以将所需的产品块添加到模板中。 然后产品将根据其各自的类别进行动态展示。

当您对模板感到满意时，将其发布并查看实施模板后产品类别的外观。

结论

这就是 ProductX 的 Gutenberg WooCommerce Builder 的全部内容。 但是，构建器的功能并不止于此。 您还可以创建和自定义WooCommerce 单一产品页面模板。 现在，当您对最有前途的 WooCommerce 的 Gutenberg Builder 有了一个概述后，您可以轻松地开始重新设计您的 WooCommerce 商店。