WooCommerce 內建的短代碼
注意:
WooCommerce 區塊是在文章和頁面上顯示商品最簡單、最靈活的方式。進一步了解 WooCommerce 區塊。
WooCommerce 傳統上利用短代碼在 WordPress 頁面中添加動態內容和功能。隨著 WordPress 朝向 Gutenberg 區塊編輯器演進,重點已從短代碼轉向更具互動性和視覺整合的區塊。
雖然區塊編輯器提供可互動自訂的區塊和增強的編輯功能,但我們了解許多商店仍嚴重依賴短代碼。你可以在短代碼區塊中使用舊版短代碼。
如何使用短代碼
在哪裡使用短代碼
短代碼可以在 WordPress 文章和頁面中使用。如果你使用區塊編輯器,可以將短代碼貼入短代碼區塊中。
如果你使用傳統編輯器,可以直接將短代碼貼入頁面或文章內容中。
短代碼屬性
部分短代碼允許你進行修改,使其更具體或以特定方式顯示內容。你可以透過添加屬性(也稱為參數或 args)來修改短代碼。
例如,將 id 屬性添加到 [add_to_cart] 短代碼中,會為特定商品建立一個加入購物車按鈕。[add_to_cart id="99"] 會顯示一個針對你商店中 ID 為 99 的商品的加入購物車按鈕。
WooCommerce 短代碼
下表提供 WooCommerce 中可用短代碼的概覽。每個項目包含簡短說明以及指向短代碼專屬文件的連結。
隨著 WooCommerce 已轉向基於區塊的商店編輯,我們也提供每個短代碼的區塊替代方案連結(如適用)。
| 短代碼 | 說明 | 進一步了解 | 區塊替代方案 |
|---|---|---|---|
[woocommerce_cart] |
顯示購物車頁面。 | 購物車短代碼 | 購物車區塊 |
[woocommerce_checkout] |
顯示結帳頁面。 | 結帳短代碼 | 結帳區塊 |
[woocommerce_my_account] |
顯示使用者帳號頁面。 | 我的帳號短代碼 | 尚無 |
[woocommerce_order_tracking] |
顯示訂單追蹤表單;具有屬性。 | 訂單追蹤短代碼 | 無 |
[product_page] |
依 ID 或 SKU 顯示完整的單一商品頁面。 | 商品頁面短代碼 | 可使用商店編輯器製作自訂商品頁面範本 |
[products] |
依特定參數顯示商品;具有屬性。 | 商品短代碼 | 商品集合區塊(及其他*) |
[product_category] |
顯示指定分類中的商品;具有屬性。 | 商品分類短代碼 | 商品集合區塊 |
[product_categories] |
顯示商品分類;具有屬性。 | 商品分類短代碼 | 尚無 |
[add_to_cart] |
顯示商品的加入購物車按鈕;具有屬性。 | 加入購物車短代碼 | 可用於單一商品頁面範本 |
[add_to_cart_url] |
取得商品加入購物車按鈕的 URL;具有屬性。 | 加入購物車 URL 短代碼 | 無 |
[shop_messages] |
在非 WooCommerce 文章或頁面上顯示商店訊息。 | 商店訊息短代碼 | 商店通知區塊 |
注意:
多種區塊以不同選項顯示商品,包括所有商品區塊、精選商品區塊、依分類的商品區塊、依標籤的商品區塊等。
這些區塊正逐漸被功能更強大且更靈活的商品集合區塊取代。
如需協助,請參閱疑難排解短代碼和程式碼片段,以獲得常見短代碼相關問題的協助。
