用于在 WordPress 上自定义您的在线商店的基本 WooCommerce 简码

已发表: 2021-08-15

如果您想释放 WooCommerce 商店的全部潜力,那么对 WooCommerce 短代码有一个坚定的想法很重要。

短代码是在您的网站上执行特定操作的一小段代码。

WooCommerce 短代码是一小段代码,您可以将其放置在 Woocommerce 页面和模板中以显示数据库中的某些值。 有数百个使用短代码的用例。 它们是 WordPress 范围内的功能并且具有相同的格式。

[简码]”

许多用户认为这是一个技术概念,只能由经验丰富的 WordPress 开发人员使用。 或者,有时他们甚至没有意识到就使用简码。 今天我们将列出您自定义 WooCommerce 多供应商市场所需的必要短代码。 并向您展示如何有效地使用这些简码。

让我们从-

在线商店的 WooCommerce 简码类型

基本的 woocommerce 简码

在深入了解 WooCommerce 简码列表之前,您需要了解 WooCommerce 提供的简码类型。 WooCommerce 有 5 种简码:

  • 我的账户
  • 大车
  • 查看
  • 订单跟踪
  • 产品。

我们将一一介绍并帮助您了解这些简码在何处、何时以及如何工作:

1.我的账户页面

"[woocommerce_my_account]"

此短代码为每个用户添加帐户页面。 用户可以查看自己的信息、订单列表,并预览来自其他商店的订单。

WooCommerce 帐户

2. WooCommerce 购物车页面

"[woocommerce_cart]"

使用上面的这个 WooCommerce 短代码,购物车功能被添加到 WooCommerce 页面。 这将显示用户已添加到购物车的所有产品。

WooCommerce 购物车

3. WooCommerce 结帐页面

"[woocommerce_checkout]"

这是任何企业最关键的方面。 因为,如果没有结帐页面,客户将无法完成他们的购买过程。

WooCommerce 结帐

4. WooCommerce 订单跟踪页面

"[woocommerce_order_tracking]"

此短代码有助于为客户创建订单跟踪页面。 因此,他们可以查看订单的当前状态。

WooCommerce 发货跟踪

5.产品页面

"[products]"

这是 WooCommerce 商店使用最广泛的简码之一。 它显示所有产品。 您会发现各种参数来控制和显示您的电子商务网站上的产品。 只需写下它的名称,然后是等号和引号内的所需值即可添加参数。

WooCommerce 产品

在线商店的 WooCommerce 简码列表

我们列出了可与产品简码一起使用的参数。 这是列表:

WooCommerce 简码

产品属性

您可以使用这些短代码根据产品的属性显示产品。 它们是跨多个产品共享的元素。 例如,大小颜色

属性

这将显示具有特定属性的产品。

条款

这必须与属性s 一起使用。 它将显示具有链接到属性的某些术语的产品。 例如,属性可能是大小,术语是小、中大。

术语运算符

这些允许您执行简单的计算以确定将包含哪些术语。 同样,它们必须与attributesterms一起使用。

  • AND :显示具有列出的所有属性的产品
  • IN :显示选定的术语。 这是默认值。
  • NOT IN :将显示不在所选条款中的项目(即除您选择的项目之外的所有项目)

示例

 [products columns="3" attribute="season" terms="warm" terms_operator="NOT IN"]

标签运算符

与上面的术语运算符相同,但标签除外。

  • AND:显示带有所有列出的标签的产品
  • IN :将显示带有所选标签的项目。 这是默认值
  • NOT IN :显示不在所选标签中的项目(即除您选择的标签之外的所有项目)

能见度

这会根据产品在您网站上的可见性来显示产品。

  • 可见:显示在搜索和您的网站上可见的产品。 这是默认设置
  • 目录:显示在商店中可见但不在搜索结果中的产品
  • 搜索:显示在搜索结果中可见但在商店中不可见的产品
  • 隐藏:这显示在搜索结果和商店中隐藏的产品,但只能通过直接 URL 访问
  • 特色:显示标记为特色的产品

示例

 [products limit="4" columns="2" visibility="featured" ]

猫操作员

代表类别。 这使您可以执行简单的计算来确定将包括哪些产品。

  • AND :显示所有类别的产品
  • IN :显示所选类别/类别中的产品
  • NOT IN :显示不在所选类别中的产品

示例

 [products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]

产品类别

在类别选项下,您会发现两个简码,

 "[products _categories]"

这将在一个页面上显示所有类别。 此简码有助于添加多个类别。

 "[products _category]"

此短代码将显示特定类别。 您需要添加一个参数才能查看该特定类别的产品。

product_category 短代码有一些参数来显示一个或多个类别。 我们已经为您列出了它们。

产品_类别参数

产品参数简码表

添加到特定产品的购物车按钮

"[add_to_cart]"

您可以使用此短代码轻松地为任何特定产品创建“添加到购物车”按钮。 它将使用产品 ID 作为参数。

例子:

 [add_to_cart id=”34” style=”border: 1px solid #111111;” show_price=”TRUE” quantity=”1” class=”example-cart-button”]

添加到购物车网址

"[add_to_cart_url]"

此短代码将显示特定产品的实际 URL。 只有两个参数。 ID 和 SKU。

例子:

 [add_to_cart_url id=”99″]

非 WooCommerce 页面上的 WooCommerce 消息

"[shop_messages]"

此短代码将允许您在任何页面上显示通知,例如“此产品已添加到您的购物车”。

一些更有用的 WooCommerce 简码

这里有一些 WooCommerce 简码,可以帮助您自定义您的电子商务商店。

  • [woocommerce_product_search] — 显示实时产品搜索字段,在客户键入时显示结果。
  • [woocommerce_product_filter] — 显示实时产品搜索过滤器
  • [woocommerce_product_filter_attribute] — 显示实时产品属性过滤器
  • [woocommerce_product_filter_category] ​​— 显示实时产品类别过滤器
  • [woocommerce_product_filter_price] — 显示实时产品价格过滤器
  • [woocommerce_product_filter_tag] — 显示实时产品标签过滤器
  • [woocommerce_product_filter_rating] – 显示实时产品评级过滤器
  • [woocommerce_product_filter_sale] – 显示Products On Sale的实时过滤器。
  • [woocommerce_product_filter_stock] – 显示可用产品的实时过滤器。
  • [woocommerce_product_filter_reset] – 显示清除所有实时过滤器的按钮。

这些是您可以用来重新设计 WooCommerce 商店的可用简码。 现在,让我们看看将短代码插入 WordPress 电子商务网站的方法。

如何插入 WooCommerce 简码(+用例)

现在您了解了不同类型的 WooCommerce 简码。 让我们向您展示如何使用这些简码。 您可以在页面、帖子或小部件上使用这些短代码。

古腾堡块编辑器

新的古腾堡编辑器使添加短代码变得容易。 您需要做的就是单击加号并选择短代码块类型。 然后只需将短代码粘贴到那里。

古腾堡简码

经典编辑器

但是,如果您仍在使用经典编辑器,则不必经历使用块的麻烦。 只需将短代码复制并粘贴到编辑器中,您的工作就完成了。

经典编辑器中的简码

小部件

接下来,如果您想在小部件区域使用简码,只需添加一个带有简码的文本小部件。

小部件中的简码

重新加载页面以查看侧边栏上重新设计的内容。

简码-前端结果

现在,我们将向您展示一些用例,以便您了解这些短代码如何帮助您重新设计电子商务商店。

场景 1:我想在一行中展示我的 4 个畅销产品

[products limit="4" columns="1" best_selling="true" ]

此短代码将在一行中显示您的 4(限制参数)最畅销产品。 如果您想在 2 行中显示您的产品,您可以将“列”的属性更改为 2。

简码销售

场景 2:我想展示分类为连帽衫和 T 恤的产品,但我想将它们分两行展示

[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]

它将显示“连帽衫和 T 恤”类别下的产品。 但是如果你想展示不属于这些类别的产品。 我需要更改的只是将 cat_operator 更改为 NOT IN。

简码类别 1

场景三:我想展示我的特色产品,每行两个,最多四个项目

[products limit="4" columns="2" visibility="featured" ]

这个短代码表示最多四个产品将加载到两列中,并且它们必须是特色。 它使用按标题(A 到 Z)排序。

简码特色

奖励:Dokan 简码可自定义由 WooCommerce 提供支持的多供应商市场

但是,如果您想将 WooCommerce 商店变成多供应商市场,Dokan 是最佳选择。 它不仅具有可帮助您创建完美的多供应商市场的最佳功能,而且还具有所有必要且独特的模块,可使市场管理变得顺畅。

难怪全球 60000 多个市场都信任 Dokan。

Dokan 提供了一些短代码,可帮助您轻松重新设计和控制您的市场。 我们在下面为您列出了可用的短代码:

Dokan 简码

姓名短代码描述
仪表板[dokan-dashboard] 显示供应商仪表板和供应商的所有元素
畅销产品[dokan-best-selling-product no_of_product="5" seller_] 显示供应商的 5 种最畅销产品
最受好评的产品[dokan-top-rated-product] 列出所有评分最高的产品
自定义迁移表格 [仅限专业版] [dokan-customer-migration] 创建供应商注册表
地理位置过滤器表单[dokan-geolocation-filter-form] 通过过滤产品让您轻松导航以查找产品
店铺一览[道观店] 在单个页面上列出网站上所有可用的商店
商店类别明智[dokan-stores category=”服装”] 您可以根据商店类别轻松列出商店
商店订单明智[dokan-stores order=”ASC”] 在升序或降序排列中重新排列您的订单
Store Orderby 明智的[dokan-stores orderby=”registered”] 根据供应商注册日期对订单进行分类
Store_id 明智的[dokan-stores store_id=”1, 2, 3″] 根据店铺id列出店铺
精选商店明智[dokan-stores featured=”yes”] 显示特色供应商
显示商店与产品[dokan-stores with_products_only='yes'] 此简码将显示有产品的商店
我的订单[dokan-my-orders] 列出客户的所有订单

示例

 [dokan-stores category="clothes" order="ASC" orderby="registered" store_ featured="yes" with_products_only="yes"]

这里我们将仅显示已注册且 id 为 1、2、3 的服装店(按升序排列)。 此外,这些商店将有特色并有产品。

dokan简码

您的商店页面将如下所示:

dokan简码特色

您可以使用 Dokan 轻松试验其他短代码并重新设计您的多供应商市场。

在此处检查所有 Dokan 简码。

关于 WooCommerce 简码的常见问题解答

如何编辑 WooCommerce 简码?

您需要使用可用于简码的参数来编辑或更新简码。

如何获取 WooCommerce 简码?

您可以访问 WooCommerce 的官方文档页面,也可以浏览我们上面提供的列表。

dokan 多供应商

使用 WooCommerce 简码重新设计您的电子商务商店!

如您所见,该列表对于 WooCommerce 简码来说非常大。 您需要聪明果断才能使用这些短代码来发挥自己的优势。

乍一看,这些短代码似乎技术性强且复杂。 但是,如果您认真遵循我们的指南,那么我们保证您可以成为使用这些 WooCommerce 简码的专家。

如果您有任何疑问或在使用这些短代码时遇到困难,请告诉我们。

立即获取 Dokan 并开始您的市场!