如何为所有或部分产品创建 WooCommerce 列表视图

需要创建 WooCommerce 列表视图来替代标准 WooCommerce 产品网格?

在这篇文章中,您将学习如何创建一个完全可定制的产品列表,看起来 某物 像这样:

完整的 woocommerce 列表产品功能

使用一个简单的插件,您将能够准确控制列表视图中显示的信息。 您还可以选择添加不同类型的搜索、排序、过滤和分页选项。

这对以下情况特别有用:

  • 批发店
  • 简单的 WooCommerce 目录
  • 活动 (如果您已将 WooCommerce 与事件插件集成)
  • 基于 WooCommerce 的定制餐厅点餐系统

而且您可能也对 WooCommerce 产品列表视图有自己的独特需求!

不是已经有 WooCommerce 列表产品短代码了吗?

好, 有点. 是的,WooCommerce 中内置了一个 WooCommerce 列表产品短代码。 但它的功能与上面的示例不同。

如果我们要使用 WooCommerce 的内置显示完全相同的产品集 [products] 简码,它看起来像这样:

核心woocommerce产品短代码

如你看到的, 它仍然是一个产品网格,而不是一个列表。 基本上,它只是一个可以放置在任何地方的产品网格。 如果这就是你想要的 – 恭喜! 您不需要外部解决方案 – 只需 使用该简码.

但是,如果您想要更多传统的 WooCommerce 列表视图,其中产品以表格格式垂直堆叠在一起,您将需要 WooCommerce 产品表插件。

WooCommerce 产品表可让您显示 全部 或者 一些 您的 WooCommerce 产品在表格列表视图中。 如果您只想列出每个产品的名称,您可以这样做。 但您也可以为以下内容添加其他列:

  • 图片
  • 产品说明
  • 添加到购物车按钮
  • 任何自定义字段
  • 等等。

此外,包含/排除产品的选项比核心 WooCommerce 列表产品短代码要深得多。 您将能够通过以下方式过滤您的 WooCommerce 产品列表视图:

  • 类别、标签或自定义分类
  • 产品编号
  • 自定义字段值
  • 发布日期
  • 有货状态

下面,我们将向您展示如何使用 WooCommerce 产品表在您的商店中创建 WooCommerce 产品列表……

如何使用产品表创建 WooCommerce 列表视图

WooCommerce 产品表允许您使用简单的短代码创建产品列表。

基本简码是 [product_table]. 然后,您可以使用一系列短代码参数修改该短代码。

对于本教程部分,我们将从仅显示每个产品标题的基本 WooCommerce 列表视图开始。 然后,我们将在该简单列表的基础上构建更多列、过滤器选项,以及仅将特定产品拉入列表。

我们会给你几个具体的例子。 但是,如果您想查看 WooCommerce 产品表简码可以做的所有事情,您可以在下面的帮助文章中看到每个简码选项:

查看所有 WooCommerce 产品表短代码选项

一个基本的 WooCommerce 列表视图

简单的 woocommerce 列表视图

要创建一个仅显示每个产品标题的简单列表,请首先转到插件设置页面。 您可以在以下位置找到它: WooCommerce → 设置 → 产品 → 产品表。 输入您的许可证密钥并选择相关设置。 您需要更改这些设置以在上面的屏幕截图中创建 WooCommerce 列表视图:

  • – 添加 姓名 到这个领域。 这将列出产品名称,但没有其他数据。
  • 搜索框 – 隐藏这个。
  • 复位按钮 – 隐藏这个。
  • 页长 – 隐藏这个。
  • 产品总数 – 隐藏这个。

现在,转到您要添加产品的 WooCommerce 列表视图的页面。 添加一个 [product_table] 页面的简码。 查看您的页面,您将看到一个简单的 WooCommerce 产品列表视图。

过滤掉特定产品

上面的简码将列出 每一个 如果您的商店有数百种产品,这可能会让人不知所措。

创建 WooCommerce 列表视图 一个特定的集合 产品,您可以使用 WooCommerce 产品表的许多包含/排除选项。

同样,您可以按以下标准包含/排除产品:

  • 类别
  • 标签
  • 帖子编号
  • 自定义分类
  • 自定义字段
  • 有货状态
  • 发布日期

查看包含/排除选项的完整列表

例如,过滤 只要 中的产品 服装 类别,您可以使用此简码,其中 类别=”[your_actual_category_slug]”

[product_table category="clothing"]

列出特定类别的产品

为图像、描述和添加到购物车添加列

现在,假设您想做的不仅仅是显示产品的标题。 您还想包括:

  • 产品特色图片
  • 产品描述
  • 添加到购物车按钮

为此,您只需在插件设置页面上的“列”选项中添加额外的列。

查看列选项的完整列表

完整的 woocommerce 列表产品功能

控制过滤器和搜索选项

到目前为止,我们已经使用插件设置页面手动关闭访问者搜索和过滤列表中产品的选项。 但是如果你 要启用该功能,您可以:

  • 将“假”改为“真”
  • 添加用于排序和过滤的附加参数

以下是打开了搜索框和过滤器的完整产品列表示例:

搜索/过滤

您也可以创建自己独特的 WooCommerce 列表视图

虽然我们试图在上面为您提供几个相关示例,但您绝不限于上面看到的不同产品列表示例。 您可以根据需要向您的网站添加任意数量的 WooCommerce 列表视图,每个视图都不同。

通过应用 WooCommerce 产品表的完整选项列表和简码参数,您可以创建对您的商店真正独一无二的产品列表。 点击下面开始:

您对使用 WooCommerce 列表产品短代码还有其他问题吗? 发表评论,我们会尽力提供帮助!

  WooCommerce Wholesale Pro 更新:新的价格显示选项、多币种集成等...

类似文章