什么是 WooCommerce 简码

已发表: 2021-10-04

某些用户可能不熟悉 WooCommerce 短代码。 即使您有 WooCommerce 商店,这也可能是您以前从未见过的功能,并且不知道它在您的网站周围散布产品参考和购买号召性用语按钮有多么有益。

本文将是WooCommerce 简码的完整指南。

内容隐藏
1 WooCommerce 简码
您应该使用 WooCommerce 简码的2 个原因
3 WooCommerce 简码的工作
3.1简码
3.2参数
4 WooCommerce 简码列表
4.1 [woocommerce_cart]
4.2 [woocommerce_checkout]
4.3 [woocommerce_my_account]
4.4 [woocommerce_order_tracking]
4.5 【产品】
5使用 WooCommerce 简码自定义布局
5.1 1. 栏目
5.2 2. 订购
5.3 3. orderby
5.4 4. 类
6学习故障排除简码
6.1简码位于 <pre> 标签之间
6.2引号是弯曲的而不是直线的
7总结

WooCommerce 简码

WooCommerce 简码允许您以新颖且引人入胜的方式显示商店中的数据。 WooCommerce 预装了短代码,您可以通过安装插件来添加更多。

WooCommerce 短代码是可用于您网站上任何地方的小代码片段,用于显示WooCommerce 产品“立即购买”按钮等号召性用语。 这些有很多应用程序,我们打算在我们的Shoptimizer WooCommerce 主题中包含一些出色的示例。 当然,它们还应该与为 WooCommerce 提供的任何主题兼容。

您应该使用 WooCommerce 简码的原因

简码是一种个性化 WooCommerce 商店的简单方法。 您可以通过粘贴短代码来构建您想要的任何电子商务网站。

您可以控制显示的商品、排列方式以及每页显示的商品数量。 您还可以在战略位置包括添加到购物车按钮,例如在您的帖子结束时。

WooCommerce 简码的工作

虽然它们看起来很简单,但简码非常强大! 让我们回顾一下简码的各个组成部分。

短代码

WooCommerce 简码是由下划线链接的单个单词或单词组,例如:

  • [产品]
  • [woocommerce_order_tracking]

虽然有些简码可以在没有任何参数的情况下使用,但有些可以。 让我们看一下短代码的 WooCommerce 参数。

参数

参数或参数是使短代码的操作更加精确的额外行。 大多数 WooCommerce 短代码(但不是全部)都使用参数。

WooCommerce 简码列表

让我们来看看一些最重要的 WooCommerce 短代码。

WooCommerce 简码列表

[woocommerce_cart]

使用此短代码将 WooCommerce 购物车功能添加到页面。 换句话说,它将显示客户已放入购物篮的所有商品。 此简码没有任何参数。

[woocommerce_checkout]

此简码显示结帐页面。 因为它是您组织的基本要素,所以请确保页面设置正确。 毕竟,如果消费者找不到收银台,他们就不会购买任何东西。

结帐页面没有像[woocommerce cart]那样的其他设置。

[woocommerce_my_account]

此页面显示“我的帐户”页面,其中包括所有客户的信息和您企业的先前订单。 默认显示的订单数量设置为 15。通过将数字更改为 -1,您可以强制它显示所有订单。

[woocommerce_order_tracking]

此短代码生成一个“订单跟踪”页面,允许消费者查看其订单的当前状态。 没有进一步的限制。

[产品]

我们列表中的下一个是[products] 短代码,它是 WooCommerce 最强大和最常用的短代码之一。 正如您所料,它会显示您的物品。 但是,您可以使用几个因素来修改所提供项目的类型和数量。

要添加参数,请在引号内键入其名称,后跟等号和所需的值。 确保这在[productss] 短代码中。

使用 WooCommerce 简码自定义布局

使用 WooCommerce 简码自定义布局

一些设置允许您修改产品页面的布局。

1.栏目

此选项指定列数。 默认情况下它设置为 4,但是,在移动设备上,它通常会折叠到一个较小的数字。

例如: [产品列=”3”]

2. 订购

这将根据orderby设置控制订单是升序 (ASC) 还是降序 (DESC)。 默认设置为 ASC。

F或示例: [products order=”ASC”]

3.orderby

此参数为自定义您的货物排列方式提供了很多选择。 默认情况下,它们将按产品标题排序。

您可以通过用单个空格分隔多个选项来包含多个选项。

  • 日期:这里根据发布日期排列商品(新在先)
  • id:此选项根据他们的 Post ID 订购商品
  • 菜单顺序:这将根据菜单顺序订购商品(数字小在前)
  • 人气:商品将根据购买数量排序(最先)
  • rand:以随机顺序显示商品。 使用缓存插件的站点可能会出现问题。
  • 评级:这将根据商品的平均评级从高到低对商品进行排序。

例如: [products orderby=”date”]

4.类

这会为元素添加一个 HTML 包装类,允许您使用 CSS 对其进行样式设置。

例如:[products class=”custom-element”]

学习故障排除简码

让我们回顾一下阻止短代码工作的一些最常见的困难。

短代码位于 < pre > 标签之间

向网站添加短代码时,请确保它不在 <pre> 标记内,该标记旨在显示(而不是执行)代码。

引号是弯曲的而不是直线的

另一个典型的错误是引号(与参数一起使用)是有角度的,或者“卷曲的​​”,而不是直的。 大括号对参数不起作用。

总结

就是这样,我们希望您了解有关 WordPress 恶意软件删除的简单步骤的所有信息,以及要求我们撰写有关 WordPress 恶意软件删除的简单步骤的文章的访问者。 我们对此有专门的文章。

试图重复我们的讨论,这里有几个关键点:

  • WooCommerce 简码
  • 您应该使用 WooCommerce 简码的原因
  • WooCommerce 简码的工作
  • WooCommerce 简码列表
  • 使用 WooCommerce 简码自定义布局
  • 学习故障排除简码

如果您喜欢这篇文章,请在YouTube 频道订阅我们的 WordPress 视频教程。 记得在Pinterest 上关注我们。

我们接受各种访客的建议,因为它们不断激励我们改进。 欢迎在下方发表评论。