cloudwp | WooCommerce 繁體中文使用手冊

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 文章或頁面上顯示商店訊息。 商店訊息短代碼 商店通知區塊

注意

多種區塊以不同選項顯示商品,包括所有商品區塊、精選商品區塊、依分類的商品區塊、依標籤的商品區塊等。

這些區塊正逐漸被功能更強大且更靈活的商品集合區塊取代。

如需協助,請參閱疑難排解短代碼和程式碼片段,以獲得常見短代碼相關問題的協助。