WooCommerce Shortcode 簡易代碼使用說明

20
10723

WooCommerce 自帶的幾個簡易代碼,可以用來插入文章和頁面內容裡面。下面簡碼安裝時會自動建立,因此,應該不需要使用在其他地方 :

  • [woocommerce_cart] – 顯示購物車頁面
  • [woocommerce_checkout] – 顯示結帳頁面
  • [woocommerce_pay] – 顯示結帳付款頁面
  • [woocommerce_thankyou] – 顯示收到訂單頁面
  • [woocommerce_order_tracking] – 顯示訂單追蹤表格頁面
  • [woocommerce_my_account] – 顯示用戶帳號頁面
  • [woocommerce_edit_address] – 顯示用戶帳號編輯地址頁面
  • [woocommerce_view_order] – 顯示用戶帳號查看訂單頁面
  • [woocommerce_change_password] – 顯示變更密碼頁面
  • [woocommerce_lost_password] – 顯示遺失密碼頁面
  • [woocommerce_logout] – 顯示登出頁面

也可以輕鬆透過文章編輯器的快捷按鈕添加簡碼到文章或頁面:


簡易代碼快捷按鈕

以下簡碼可以使用在你想要的任何地方:

最新商品 Recent products

列出了最近的產品-在首頁上非常有用。可以利用 per_page 決定在頁面上顯示多少產品 columns 控制每行列多少欄位的產品。

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

 

特色商品 Featured Products

作業方式和最新產品一樣,但顯示的是在商品列表已標註為特色商品的產品。在下面範例中,代表顯示4個欄位12個標註為特色的產品。

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

 

商品 Product

利用 ID 或 SKU 顯示一個單一的產品

 
[product id="99"]
[product sku="FOO"]
 

*如果產品沒有顯示,確認它是否有被設置為隱藏目錄能見度。
要找到產品ID,可在 商品 > 編輯 畫面並尋找 URL 中的 postid= 如下所示

 

複數商品 Products

顯示多個產品 ID 或 SKU。注意設置為複數的’products’商品

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

加入購物車 Add to cart

單商品透過 ID 顯示價格,並添加加入購物車的按鈕

[add_to_cart id="99"]

 

加入購物車網址 Add to cart URL

單商品透過 ID 添加加入購物車按鈕,對應網址 URL

[add_to_cart_url id="99"]

 

商品頁面 Product page

利用 ID 或 SKU 顯示一個完整單商品頁面

[product_page id="99"]
[product_page sku="FOO"]

 

商品類別 Product category

利用代稱顯示多個產品類別


可在 : WooCommerce > 商品 > 分類 找到代稱欄位

[product_category category="appliances"]

 

商品分類 Product Categories

顯示產品類別循環

[product_categories number="12" parent="0"]
上層參數 parent 設置為 0,只顯示頂層類別。或設置用逗號分隔的分類 ID 列表,來顯示要出現的分類

 

特價商品 Sale Products

用下面代碼列出所有特價產品

[sale_products per_page="12"]

 

最暢銷商品 Best Selling Products

用下面代碼列出最暢銷的產品

[best_selling_products per_page="12"]

 

評分最高的產品 Top Rated Products

用下面代碼列出評分最高的產品

[top_rated_products per_page="12"]

 

商品屬性 Product Attribute

用下面代碼列出選擇的產品屬性

[product_attribute attribute='color' filter='black']

attribute=屬性代稱如顏色 color 或 尺寸 size。filter=填入篩選值若只要顯示黑色代稱 black,端看代稱怎麼命名

相關商品 Related Products

用下面代碼列出相關產品

[related_products per_page="12"]

“per_page”的參數

請注意:’per_page’代號參數,會將多少產品都顯示在頁面上。短代碼不會添加分頁