WooCommerce

Woocommerce电子商务插件功能强大的shortcodes简码使用

萨龙龙萨龙龙 WooCommerce, WordPress 9 年前
2.42W 6
LensNews

Woocommerce电子商务插件功能强大的shortcodes简码使用
Woocommerce前台的页面（商城、购物车、我的帐户、结算）都是通过简码来实现的，这些主要的页面是必须的，在首次安装Woocommerce时系统会提示安装Woocommerce页面，这样我们也不需要手动添加简码来新建Woocommerce页面。

Woocommerce旧版本在编辑文章或页面时提供了插入简码的按钮（如下图），自从Woocommerce升级版本（忘记哪个版本）后，简码已经移除，取而代之的是通过Woocommerce shortcodes插件来实现简码的这一功能，今天我们介绍下Woocommerce常用的简码。
Woocommerce电子商务插件功能强大的shortcodes简码使用

一、Woocommerce核心简码（页面）

  • [woocommerce_cart] — 显示购物车页面
  • [woocommerce_checkout] — 显示结算页面
  • [woocommerce_my_account] — 显示了用户帐户页面，可以用来注册、登录、查询订单等
  • [woocommerce_order_tracking] — 显示订单跟踪列表
  • 商店页面是通过设置指定的商品页面，不需要使用简码

二、商品列表简码

1、最新商品

“per_page”是一页显示多少商品，“columns”显示几列，“orderby”商品的排序，“order”商品的顺序，简码的默认顺序是以时间倒序排列，通常都是使用默认的，所以之后的简码中就不再添加排序的参数。

  1. [recent_products per_page="12" columns="4"]

最新商品显示效果
2、特色商品

  1. [featured_products per_page="12" columns="4"]

特色商品的设置方法：

可以在编辑商品时的“发布”中设置（下图左侧面板），也可以在商品列表中点击“五星”按钮来切换（下图右侧）
Woocommerce电子商务插件功能强大的shortcodes简码使用
特色商品显示效果
3、热销商品

  1. [best_selling_products per_page="12" columns="4"]

显示所有商品中最热卖的商品，数量最高的排在最前面。
热销商品显示效果
4、热评商品

  1. [top_rated_products per_page="12" columns="4"]

显示所有商品中有评论的商品，评论最多、评分最高的商品排在最前面。
热评商品显示效果
5、促销商品

  1. [sale_products per_page="12"]

显示所有商品中促销的商品。
促销商品显示效果
6、单一商品

  1. [product id="99"]
  2. [product sku="FOO"]

显示单一的商品在文章或页面中，可通过指定商品的ID或SKU（编码）来显示，效果与商品列表的商品是一样。

如何获取商品ID：如上图右侧，在商品列表中把鼠标放在商品上，ID：后面的数字就是当前商品的ID。
7、多个商品

  1. [products ids="1, 2, 3, 4, 5"]
  2. [products skus="foo, bar, baz" orderby="date" order="desc"]

显示的效果与商品列表中是一样的。
8、添加到购物车

  1. [add_to_cart id="99"]

通过设置商品ID来显示单一商品添加到购物车的按钮，同时显示商品价格，点击按钮的效果与商品列表中“加入购物车”效果一样，都是ajax添加当前商品到购物车中。

9、显示添加到购物车链接

  1. [add_to_cart_url id="99"]

在页面中显示的结果为：/sitename/page-slug/?add-to-cart=99

10、显示商品详情页

  1. [product_page id="99"]
  2. [product_page sku="FOO"]

通过ID和SKU，在文章或页面中显示一个完整商品的详情页，与商品页面是一样的效果。

11、显示分类下的商品

  1. [product_category category="category-slug" per_page="12" columns="4" orderby="title" order="asc"]

通过slug（别名）来获取当前分类下的所有商品，显示在文章或页面中。

分类slug（别名）的获取，在后台商品中打开分类列表，下图红框中显示的就是slug
Woocommerce电子商务插件功能强大的shortcodes简码使用
12、商品分类

  1. [product_categories number="12" parent="0"]

可使用的参数：

  • ids: 指定要显示的分类，id用英文逗号分隔
  • order by和order：指定排序方法
  • columns：一行显示几个分类
  • hide_empty：是否隐藏没有产品的分类，默认为1，即隐藏
  • parent：填写一个分类的id，则只显示该分类下的子分类，如果为“0”，则显示所有最顶级的分类
  • number：显示分类的数量

商品分类显示效果
13、相关商品

  1. [related_products per_page="12"]

此简码只能放在商品页面中，与商品页面自带的相关文章是一样。

Woocommerce简码是贯穿在整个插件的使用当中，功能强大，有必要了解这些简码是如何使用。

更多内容请前往它季商城！

赞()
赏

本文由 远方的雪山 作者：萨龙龙 发表，转载请注明来源！

关键词：,
萨龙龙

萨龙龙

 文章：290 画廊：33 视频：37

一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！

相关文章

LensNews

热评文章

评论：

6 条评论，访客：0 条，博主：0 条
  1. sskura
    sskura发布于： 
    回复

    你好，我想问一下怎么调用促销价和原价

    • 萨龙龙
      萨龙龙发布于： 
      回复

      代码：global $product; 促销价：$product->get_sale_price()，原价：$product->get_regular_price()

  2. yh
    yh发布于： 
    回复

    请问，我在首页用短代码调用了woocommerce的商品后，想分页的话如何实现？谢谢~！

    • 萨龙龙
      萨龙龙发布于： 
      回复

      使用简码好像不好分页了，你可以自己写代码获取商品再分页。

  3. 飘若飞花
    飘若飞花发布于： 
    回复

    你好，还想问一个问题
    这个商品列表简码如何使用呢
    例如
    最新商品
    1.[recent_products per_page=”12″ columns=”4″]
    把这个简码放在哪里呢？

    • 萨龙龙
      萨龙龙发布于： 
      回复

      简码都是添加在文章与页面中的！

发表回复