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”的參數