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 、添加到購物車

通過設置商品 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 簡碼是貫穿在整個插件的使用當中，功能強大，有必要了解這些簡碼是如何使用。