WooCommerce Shortcode 簡易代碼使用說明

20
5422

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’代號參數,會將多少產品都顯示在頁面上。短代碼不會添加分頁
  • 想請問一下,如果模版我是自己做的,我需要在首頁輸出 WC 的商品我需要用什麼參數去抓取商品列表呢??

    例如首頁我底下有最新文章,我是用php本身函數

    ‘8’,
    ‘cat’ => ‘1901’,
    ‘paged’ => $paged
    );
    query_posts($args);
    while(have_posts()) : the_post(); if(!($first_post == $post->ID)) : ?>

    抓取。

    我可以用類似的手法抓取商品到我要的頁面去並且指定數量跟分類嗎?

  • 想請問一下,如果模版我是自己做的,我需要在首頁輸出 WC 的商品我需要用什麼參數去抓取商品列表呢??

    例如首頁我底下有最新文章,我是用php本身函數

    ‘8’,
    ‘cat’ => ‘1901’,
    ‘paged’ => $paged
    );
    query_posts($args);
    while(have_posts()) : the_post(); if(!($first_post == $post->ID)) : ?>

    抓取。

    我可以用類似的手法抓取商品到我要的頁面去並且指定數量跟分類嗎?