如何为产品创建一个WooCommerce列表视图

想要创建WooCommerce列表视图来显示你的产品，而不是默认的WooCommerce商店页面?

提供产品列表视图可以以更友好的方式让客户浏览你的产品。

列表视图占用的空间要小得多，同时让客户看到关于每个产品的详细信息。

这不是最好的方法每一家WooCommerce商店．但如果你的商店出售某些类型的产品(稍后再详细介绍)，这可以让你的商店更有用，甚至可能提高你的转化率。

在这篇文章中，我将首先讨论哪些类型的商店可以从列表视图中受益。然后，我将告诉你如何WooCommerce产品表插件能帮你生成一个简单的WooCommerce为您的商店列表视图短代码。

使用这个短代码，您将能够准确地控制哪些产品显示和(可选)添加搜索框、过滤/排序等元素。你甚至可以让人们直接从列表视图中添加商品到购物车中。

哪些类型的WooCommerce商店可以从列表视图中受益?

简而言之，如果你在最重要的地方销售产品，使用WooCommerce列表视图是一个不错的选择信息(如产品规格)。另一方面，传统的WooCommerce商店页面会更好，如果人们大多会购买你的产品基于图片和/或评论．

例如:

• 名牌服装?使用传统的商店页面可能会更好，因为人们主要是根据你的衣服外观来购买的。
• 批发空白体恤衫吗?使用列表视图可能会更好，因为人们会更关注细节。
• 昂贵的耳机呢?用传统的商店页面可能更好，这样人们可以阅读评论以及详细的产品说明。
• 耳机用音频线？最好使用列表视图，这样人们可以快速比较长度、直径、材质等。

从更广泛的层面来看，WooCommerce的列表视图非常适合这些类型的商店:

• 批发商店-就像上面的t恤例子，大多数批发购物者可能更关心细节而不是大量的图片。
• 部分-如果你出售单个部件，列表视图可以帮助人们快速找到他们需要的确切部件。
• 书籍、cd等。-同样，这些都是图片不是特别重要的事情。
• 在线订购食物-在网上设置很容易餐厅使用WooCommerce列表视图进行排序。

如何创建一个WooCommerce列表视图表

现在，您已经更好地了解了特定商店是否可以从产品列表视图中受益，让我们进一步了解如何在商店中创建列表视图。

要构建列表视图，您将使用WooCommerce产品表插件从Barn2媒体。

这个插件可以让你从其中任意一个创建表所有或一些您的WooCommerce产品．例如，你可以列出:

• 每一个产品
• 一个或多个产品类别
• 一个或多个产品标签
• 产品按自定义字段值
• 个别产品(以邮递ID为准)

如果你想在不同的位置显示不同的产品，你也可以创建多个列表视图。

至于列表视图的外观，您可以选择在该表中显示的信息(包括自定义字段)，以及以下功能:

• 添加到购物车按钮
• AJAX搜索(或者传统的页面重载搜索）
• 排序和过滤
• 分页
• 延迟加载

要遵循本教程，您所需要的是在您的WooCommerce商店安装和激活的WooCommerce产品表插件。

一旦你有了这些，以下是建立你的WooCommerce列表视图短代码的步骤。

步骤1:为列表视图设置样式

而WooCommerceProduct Table总是让你通过它的许多短代码属性自定义东西，最简单的方法开始使用插件是使用人性化的界面配置默认的短代码设置。

要访问该接口，请执行WooCommerce→设置→产品→产品表．

在顶部，你可以为你的列表视图配置基本样式:

• 默认的-插件将尽其所能从你的主题风格。
• 自定义-让你手动输入风格自己。

步骤2:添加列控件以选择信息显示的内容

一旦您选择了您想要的列表视图外观，您应该选择您想要在列表视图中显示的实际列。

WooCommerce产品表允许您显示任何标准的WooCommerce字段(例如名称、价格、描述等)，以及您可能添加的任何产品属性或自定义字段。

在下面的截图中，你可以看到我是如何配置东西来生成本文开头的示例产品列表视图的:

您还可以配置其他一些基本功能，如图像大小、描述长度等。

第三步:考虑添加到购物车，搜索，排序，过滤等。

接下来，你会想通过配置下面的所有小细节来完成:

• 装产品-让你选择每个页面显示多少产品，以及是否缓存表内容或延迟加载产品(对于页面加载时间很好）.但是要注意，延迟加载会影响AJAX排序、搜索和过滤。
• 排序-默认选择如何订购产品。
• 加入购物车栏-选择如何添加到购物车按钮应该工作。
• 表控制-启用过滤、搜索和控制分页选项。

步骤4:生成WooCommerce列表视图短代码

一旦你配置了所有的默认选项，剩下要做的就是生成你的WooCommerce列表视图短代码。

如果你想显示每一个产品在你的商店，你可以只放置基础短代码，你想要你的列表视图出现:

(product_table)

但是，如果您只想显示某些产品，您需要添加一个附加参数:

• 类别-列出特定类别的产品(通过蛞蝓）
• 标签-从特定标签列出产品(通过蛞蝓）
• 术语-列出来自特定自定义分类法的产品
• cf-列出具有特定自定义字段值的产品
• 包括或排除-通过发布id包括或排除单个产品
• exclude_category -让您排除一个特定的类别。

还有其他选项可以让您包含具有特定状态或发布日期的产品。

例如，显示只有服装类的产品，你可以用这个短码:

(product_table类别=“衣服”)

其中“服装”是这个类别的主题。

就像这样，你应该看到你的WooCommerce产品列表视图，无论你放置短代码:

创建一个WooCommerce产品列表视图表

如果您需要显示产品，而产品的实质信息比图片或评论更重要，那么创建产品列表视图将为您的客户浏览、搜索和过滤产品目录提供一种更友好的方式。

为了实际创建您的列表视图，WooCommerce产品表不仅可以方便地列出产品，还可以:

• 准确选择要在列表中显示的产品。
• 准确地控制你显示的关于这些产品的信息。
• 让你的购物者搜索和过滤你的列表，而不需要重新加载页面。

开始吧，头来这里购买WooCom梅西产品表．

你是否成功地在你的WooCommerce商店中使用了产品列表视图?请在评论中分享你对这种方法的想法!

披露:这篇文章中的一些链接是附属链接，这意味着，在没有额外的成本，我们可以赚取佣金，如果你点击通过并购买。