如何创建 Woocommerce 产品表

已发表: 2018-03-28

毫无疑问,Woocommerce 是最流行的 WordPress 电子商务解决方案。 但就像任何其他软件一样,它也有一些缺点。 一个是产品的展示选项,或者缺乏展示选项。 默认显示是特色图像的网格布局,这对于某些类型的产品非常有用。 但在某些情况下,您的产品的表格布局更加用户友好。

这些类型的情况可能包括批发商店、产品目录、订单,甚至餐厅订单。

如果您有这种商店,并且想在桌子上展示您的产品,那么您很幸运。 Barn2Media 开发了一个名为 Woocommerce Product Table 的插件,该插件在可搜索和可排序的表格视图中列出您的产品,并且使用起来非常简单。

如何使用插件

首先,建议使用内置 Woocommerce 支持的 WordPress 主题。 这可确保您的网站在所有电子商务页面上都有漂亮的样式。 如果您使用一个好的多用途 WordPress 主题,您应该没有任何问题。

使用这个插件是一件轻而易举的事。 Barn2Media 的开发人员完成了一项了不起的工作,提供了适量的选项,而不会使创建产品表变得过于复杂。

以下是创建 Woocommerce 产品表并将其添加到您的网站所需执行的步骤:

步骤 1. 设置表格设计

您需要做的第一件事是获取 Woocommerce 产品表插件。

安装并激活插件后,您需要为产品表配置默认样式。 这是将用于您创建的所有表格的样式。 但是,您可以通过简码选项覆盖这些设置。

要设置默认样式,请导航到Woocommerce → 设置并选择产品选项卡。 然后单击产品表

表格样式下,您有两个选项:默认和自定义。

如果您选择Default ,您的产品表格将使用 WordPress 主题中的表格样式。

如果您选择Custom ,将出现一部分样式选项,允许您为边框、背景颜色和字体设置自己的自定义样式。

步骤 2. 设置默认选项

在 Table Design 部分的正下方,您会找到Default Options 。 这些设置用于为您的产品表配置各种选项,如列数、过滤器下拉列表、每页行数等。就像样式一样,这些设置可以用单个短代码中的参数覆盖,稍后您将看到。

总的来说,这里有 23 个选项,但您可以通过简码参数设置更多选项。 您可以在 Barn2Media 知识库中找到完整的短代码选项列表。 页面上其他选项上方的列表右侧还有一个方便的链接。

真正突出的一项功能是启用延迟加载的能力。 当在一页上显示大量产品时,这有助于加快页面加载时间。 但是,请记住,延迟加载确实会限制产品变体的搜索、排序和显示。

第 3 步。将 Woocommerce 产品表添加到您的网站

现在您已经为您的产品表配置了所有默认样式和设置,是时候向您的网站添加一个了。 如果您已经创建了要在其上插入产品表的页面,请导航到该页面的编辑屏幕。 如果没有,请继续创建一个新页面。

在页面的内容编辑器中,添加以下短代码:

 [product_table]

然后发布或更新您的页面。 就是这么简单。

简码将根据您在步骤 2 中配置的设置呈现产品表。但如前所述,您可以向简码添加参数以覆盖这些设置或添加其他选项。

具有自定义图像大小的简码

Woocommerce 产品表的默认图像大小为 70×70,但假设您希望在页面上使用较小图像的不同产品表,从而占用更少的垂直空间。 您只需像这样使用图像大小参数:

 [product_table image_size="40"]

带有自定义类别的简码

默认情况下,从简码生成的任何产品表都将列出所有类别的所有产品。 但在某些情况下,您可能只需要显示特定类别的产品。 例如,您想在服装店网站上创建一个专门用于 T 恤的页面。 你可以这样做:

 [product_table category="t-shirts"]

您还可以在同一个简码中使用多个参数:

 [product_table image_size="40" category="t-shirts"]

您可以在 Barn2Media 知识库中找到产品表选项的完整列表。

第 4 步。添加 Woocommerce 产品表小部件

如果您使用 Woocommerce,您可能已经熟悉包含的小部件。 Woocommerce 产品表带有四个自己的小部件,用于广告类似的功能。 您可以将这些小部件添加到使用产品表短代码的页面。 为此,请导航至外观 → 小部件并将它们拖动到位。 然后按照您想要的方式配置它们。

这些小部件包括:

  • 产品表:活动产品过滤器- 显示活动过滤器,以便客户可以看到哪些过滤器已经到位。 包括将表格还原为原始产品列表的选项。
  • 产品表:按属性过滤产品– 通过选择一个或多个属性来过滤表中的产品。
  • 产品表:按价格筛选产品- 添加价格范围滑块。 客户可以拖动它来设置预算并查看价格范围内的产品。
  • 产品表:按评级过滤产品- 优化产品表以根据星级显示产品。

结论与定价

虽然还有其他一些产品表插件可用,但它们在功能和易用性方面都无法与 Woocommerce 产品表提供的功能相提并论。 对我来说,这证明了这个插件只是 Premium 的事实。

以下是定价的细分:

  • 个人(1 个站点) $75
  • 商业(5 个站点)$135
  • 代理(20 个站点) $275

它可以增加您的转化率这一事实使其物有所值。 如果它只帮助您销售两到三种额外的产品,那么它已经收回了成本。 因此,总而言之,如果您发现自己需要以表格格式展示您的产品,则无需进一步查看。 这个插件是你需要的。

亨利·琼斯

Henry Jones 是 ThemeTrust 的创始人和所有者。 自 2007 年以来,他一直在为 WordPress 设计和开发。