WooCommerce

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

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简码是贯穿在整个插件的使用当中,功能强大,有必要了解这些简码是如何使用。

更多内容请前往它季商城

(0)

本文由 远方的雪山 作者:萨龙龙 发表,转载请注明来源!

LensNews

热评文章

评论:

6 条评论,访客:3 条,博主:3 条
  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"]
    把这个简码放在哪里呢?

    • 萨龙龙
      萨龙龙发布于: 

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

发表评论