WooCommerce 短代码用于网站 – 完整列表

WooCommerce 内置多种短代码，可用于在文章和页面中插入内容。短代码简化了向 WordPress（以及 WooCommerce）网站添加功能的过程。通过使用短代码，HTML 和其他标记可以直接动态添加到用户希望显示的文章或页面中，而无需修改任何模板文件。

WooCommerce 短代码让您可以轻松设置“我的账户”、“购物车”、“结账”、“商店”等页面，或者在单独的着陆页中嵌入单个或多个产品。

使用 WooCommerce 短代码

短代码可用于页面和文章（包括自定义文章类型）。如果您使用的是区块编辑器，可以使用短代码区块粘贴短代码。

部分短代码可以包含“参数”。向短代码添加参数可以使其更加具体。例如，在 短代码中添加 id=”99″，即可为 ID 为 99 的产品创建一个“添加到购物车”按钮。

WooCommerce 页面短代码

WooCommerce 页面短代码用于显示您商店的基本页面。如果没有前三个短代码，WooCommerce 将无法正常运行。这些短代码必须放置在您网站的三个不同页面上。

– 显示购物车页面

– 显示结账页面

– 显示用户帐户页面

– 显示订单跟踪表单

大多数情况下，这些短代码将通过我们的引导向导自动添加到页面中，无需手动使用。

1. WooCommerce 购物车短代码

购物车短代码用于购物车页面，显示购物车内容以及优惠券代码和其他购物车相关功能的界面。

2. WooCommerce 结账短代码

结账短代码用于结账页面，显示结账流程。

3. WooCommerce 我的账户短代码

显示“我的账户”部分，客户可以在此查看历史订单并更新个人信息。

您可以指定要显示的订单数量。默认值为 15（使用 -1 显示所有订单）。

4. WooCommerce 订单跟踪表单短代码

允许用户通过输入订单详情来查看订单状态。

[woocommerce_order_trackingorder_count=”-1″]

WooCommerce 默认不包含此页面，但您可以创建一个新页面，并将此短代码插入文本编辑器中来创建您自己的页面。它在前端应该看起来像这样：

WooCommerce 产品短代码

自 WooCommerce 3.6 版本起，WC Core 包含多个产品模块，这些模块比短代码更容易配置。因此，如果您使用的是 WordPress 模块编辑器，建议您先了解一下 WooCommerce 模块。

短代码允许您按文章 ID、SKU、分类和属性显示产品，并支持分页、随机排序和产品标签。

可用产品属性

以下属性可与

短代码配合使用。为了方便浏览，我们已按主要功能将其分为几个部分，以下提供示例。

显示产品属性

limit – 要显示的产品数量。列出产品时默认为 0，显示分类时默认为 -1（显示全部）。

columns – 要显示的列数。默认为 4。

paginate – 启用分页。与 limit 结合使用。默认为 false，设置为 true 启用分页。

orderby – 根据输入的选项对显示的产品进行排序。可以通过添加空格分隔的别名来传递一个或多个选项。可用选项包括：

date – 产品发布日期。

id – 产品的帖子 ID。

menu_order – 菜单顺序（如果已设置，则数字越小显示越靠前）。

population – 购买数量。

rand – 在页面加载时随机排列产品顺序（可能不适用于使用缓存的网站，因为它可能会保存特定的顺序）。

rating – 产品平均评分。

title – 产品标题。这是默认的 orderby 模式。

skus – 以逗号分隔的产品 SKU 列表。

category – 以逗号分隔的分类别名列表。

tag – 以逗号分隔的标签别名列表。

order – 指定产品排序方式，是升序 (ASC) 还是降序 (DESC)，使用 orderby 中设置的方法。默认为 ASC。

class – 添加一个 HTML 包装类，以便您可以使用自定义 CSS 修改特定输出。

on_sale – 获取促销产品。请勿与 best_selling 或 top_rated 同时使用。

best_selling – 获取畅销产品。请勿与 on_sale 或 top_rated 同时使用。

top_rated – 获取评分最高的产品。请勿与 on_sale 或 best_selling 同时使用。

产品属性

attribute – 使用指定的属性别名获取产品。

terms – 与 attribute 一起使用的以逗号分隔的属性术语列表。

terms_operator – 用于比较属性术语的运算符。可用选项包括：

AND – 将显示所有选定属性中的产品。

IN – 将显示具有选定属性的产品。这是 terms_operator 的默认值。

NOT IN – 将显示不属于所选属性的产品。

tag_operator – 用于比较标签的运算符。可用选项包括：

AND – 显示所有选定标签的产品。

IN – 显示包含选定标签的产品。这是默认的 tag_operator 值。

NOT IN – 显示不在选定标签内的产品。

visibility – 根据选定的可见性显示产品。可用选项包括：

visible – 产品在商店和搜索结果中均可见。这是默认的可见性选项。

catalog – 产品仅在商店中可见，但不在搜索结果中可见。

search – 产品仅在搜索结果中可见，但不在商店中可见。

hidden – 产品在商店和搜索结果中均隐藏，只能通过直接 URL 访问。

featured – 标记为“特色产品”的产品。

category – 使用指定的分类别名检索产品。

tag – 使用指定的标签别名检索产品。

cat_operator – 用于比较分类术语的运算符。可用选项包括：

AND – 显示属于所有选定分类的产品。

IN – 显示属于选定分类的产品。这是默认的 cat_operator 值。

不在类别中 – 将显示不在所选类别中的产品。

ID – 将根据以逗号分隔的帖子 ID 列表显示产品。

SKU – 将根据以逗号分隔的 SKU 列表显示产品。

特殊产品属性

这些属性不能与上述“内容属性”同时使用，因为它们可能会导致冲突并导致产品无法显示。您应该只使用以下特殊属性之一。

畅销产品 – 将显示您的畅销产品。必须设置为 true。

促销产品 – 将显示您的促销产品。必须设置为 true。

如果产品未显示，请确保其在“目录可见性”中未设置为“隐藏”。

产品短代码示例

您可以使用

短代码传递单个或多个参数。

注意：要查找产品 ID，请转到“产品”页面，将鼠标悬停在产品上，即可显示 ID，如下所示：

WooCommerce 短代码 – 完整列表 – 4

示例 1

在一行中显示三个最畅销的产品。

WooCommerce 短代码 – 完整列表 – 6

示例 2

仅显示带有标签“hoodie”的产品。

WooCommerce 短代码 – 完整列表 – 8

WooCommerce 产品分类短代码

产品分类短代码会在任何页面上以标准网格布局列出特定分类或多个分类中的产品。

​​– 将显示指定产品分类中的产品。

– 将显示所有产品类别。

产品类别短代码属性

ids – 指定要列出的特定类别 ID

limit – 要显示的类别数量

columns – 要显示的列数。默认为 4

hide_empty – 默认值为“1”，表示隐藏空类别。设置为“0”表示显示空类别

parent – 仅显示顶级产品类别。如果要显示所有子类别，请设置为特定的类别 ID

orderby – 默认按“name”排序，可以设置为“id”、“slug”或“menu_order”。如果要按指定的 ID 排序，可以使用 orderby=”include”

order – 指定类别排序方式，是升序 (ASC) 还是降序 (DESC)，使用 orderby 中设置的方法。默认为 ASC。

如何仅显示顶级分类

如果您只想在页面上显示顶级分类，而排除子分类，请使用以下短代码：

WooCommerce 产品页面短代码

产品页面短代码会根据 ID 或 SKU 显示完整的单个产品页面。

WooCommerce 相关产品短代码

相关产品短代码会显示所有类似产品的列表。您需要使用以下短代码：

相关产品短代码接受 3 个参数：

limit – 此参数决定每页显示的产品数量，并且不会为短代码添加分页。

列
排序依据

WooCommerce 添加到购物车短代码

通过 ID 显示单个产品的价格和添加到购物车按钮。

WooCommerce 内置了 短代码，允许您在任意位置插入特定产品的添加到购物车按钮。只需添加要显示添加到购物车按钮的产品的 ID 和/或 SKU：

添加到购物车短代码接受 6 个参数：

id（产品 ID）

style – like border:4px solid #ccc; padding: 12px;

SKU

show_price – TRUE 或 FALSE

class – CSS 类名

quantity – 添加到购物车的数量

如果您想显示产品价格，请使用：

WooCommerce 添加到购物车 URL 短代码

此短代码允许您通过 ID 或 SKU 将单个产品添加到购物车。

在非 WooCommerce 页面上显示 WooCommerce 通知

允许您在非 WooCommerce 页面上显示 WooCommerce 通知（例如，“产品已添加到购物车”）。当您使用其他短代码（例如 ）并希望用户获得操作反馈时，此功能非常有用。

WooCommerce 短代码故障排除

WooCommerce 短代码的常见问题是，即使您已正确粘贴短代码，但显示效果仍然不正确。如果您遇到此问题，请检查您的代码，确保没有将短代码嵌入到 `<pre></pre>` 标签之间。要移除这些标签，请编辑页面，然后点击“文本”选项卡：

WooCommerce 短代码 – 完整列表 – 10

需要 WooCommerce 短代码方面的帮助？

如果您在使用 WooCommerce 短代码时遇到任何问题，请在下方留言，我们将尽力为您提供帮助。您也可以在我们的社区论坛中发布新问题。