什麼是 WooCommerce 簡碼

已發表: 2021-10-04

某些用戶可能不熟悉 WooCommerce 短代碼。 即使您有 WooCommerce 商店,這也可能是您以前從未見過的功能,並且不知道它在您的網站周圍散佈產品參考和購買號召性用語按鈕有多麼有益。

本文將是WooCommerce 簡碼的完整指南。

內容隱藏
1 WooCommerce 簡碼
您應該使用 WooCommerce 簡碼的2 個原因
3 WooCommerce 簡碼的工作
3.1簡碼
3.2參數
4 WooCommerce 簡碼列表
4.1 [woocommerce_cart]
4.2 [woocommerce_checkout]
4.3 [woocommerce_my_account]
4.4 [woocommerce_order_tracking]
4.5 【產品】
5使用 WooCommerce 簡碼自定義佈局
5.1 1. 欄目
5.2 2. 訂購
5.3 3. orderby
5.4 4. 類
6學習故障排除簡碼
6.1簡碼位於 <pre> 標籤之間
6.2引號是彎曲的而不是直線的
7總結

WooCommerce 簡碼

WooCommerce 簡碼允許您以新穎且引人入勝的方式顯示商店中的數據。 WooCommerce 預裝了短代碼,您可以通過安裝插件來添加更多。

WooCommerce 短代碼是可用於您網站上任何地方的小代碼片段,用於顯示WooCommerce 產品“立即購買”按鈕等號召性用語。 這些有很多應用程序,我們打算在我們的Shoptimizer WooCommerce 主題中包含一些出色的示例。 當然,它們還應該與為 WooCommerce 提供的任何主題兼容。

您應該使用 WooCommerce 簡碼的原因

簡碼是一種個性化 WooCommerce 商店的簡單方法。 您可以通過粘貼短代碼來構建您想要的任何電子商務網站。

您可以控制顯示的商品、排列方式以及每頁顯示的商品數量。 您還可以在戰略位置包括添加到購物車按鈕,例如在您的帖子結束時。

WooCommerce 簡碼的工作

雖然它們看起來很簡單,但簡碼非常強大! 讓我們回顧一下簡碼的各個組成部分。

短代碼

WooCommerce 簡碼是由下劃線鏈接的單個單詞或單詞組,例如:

  • [產品]
  • [woocommerce_order_tracking]

雖然有些簡碼可以在沒有任何參數的情況下使用,但有些可以。 讓我們看一下短代碼的 WooCommerce 參數。

參數

參數或參數是使短代碼的操作更加精確的額外行。 大多數 WooCommerce 短代碼(但不是全部)都使用參數。

WooCommerce 簡碼列表

讓我們來看看一些最重要的 WooCommerce 短代碼。

WooCommerce 簡碼列表

[woocommerce_cart]

使用此短代碼將 WooCommerce 購物車功能添加到頁面。 換句話說,它將顯示客戶已放入購物籃的所有商品。 此簡碼沒有任何參數。

[woocommerce_checkout]

此簡碼顯示結帳頁面。 因為它是您組織的基本要素,所以請確保頁面設置正確。 畢竟,如果消費者找不到收銀台,他們就不會購買任何東西。

結帳頁面沒有像[woocommerce cart]那樣的其他設置。

[woocommerce_my_account]

此頁面顯示“我的帳戶”頁面,其中包括所有客戶的信息和您企業的先前訂單。 默認顯示的訂單數量設置為 15。通過將數字更改為 -1,您可以強制它顯示所有訂單。

[woocommerce_order_tracking]

此短代碼生成一個“訂單跟踪”頁面,允許消費者查看其訂單的當前狀態。 沒有進一步的限制。

[產品]

我們列表中的下一個是[products] 短代碼,它是 WooCommerce 最強大和最常用的短代碼之一。 正如您所料,它會顯示您的物品。 但是,您可以使用幾個因素來修改所提供項目的類型和數量。

要添加參數,請在引號內鍵入其名稱,後跟等號和所需的值。 確保這在[productss] 短代碼中。

使用 WooCommerce 簡碼自定義佈局

使用 WooCommerce 簡碼自定義佈局

一些設置允許您修改產品頁面的佈局。

1.欄目

此選項指定列數。 默認情況下它設置為 4,但是,在移動設備上,它通常會折疊到一個較小的數字。

例如: [產品列=”3”]

2. 訂購

這將根據orderby設置控制訂單是升序 (ASC) 還是降序 (DESC)。 默認設置為 ASC。

F或示例: [products order=”ASC”]

3.orderby

此參數為自定義您的貨物排列方式提供了很多選擇。 默認情況下,它們將按產品標題排序。

您可以通過用單個空格分隔多個選項來包含多個選項。

  • 日期:這裡根據發布日期排列商品(新在先)
  • id:此選項根據他們的 Post ID 訂購商品
  • 菜單順序:這將根據菜單順序訂購商品(數字小在前)
  • 人氣:商品將根據購買數量排序(最先)
  • rand:以隨機順序顯示商品。 使用緩存插件的站點可能會出現問題。
  • 評級:這將根據商品的平均評級從高到低對商品進行排序。

例如: [products orderby=”date”]

4.類

這會為元素添加一個 HTML 包裝類,允許您使用 CSS 對其進行樣式設置。

例如:[products class=”custom-element”]

學習故障排除簡碼

讓我們回顧一下阻止短代碼工作的一些最常見的困難。

短代碼位於 < pre > 標籤之間

向網站添加短代碼時,請確保它不在 <pre> 標記內,該標記旨在顯示(而不是執行)代碼。

引號是彎曲的而不是直線的

另一個典型的錯誤是引號(與參數一起使用)是有角度的,或者“捲曲的”,而不是直的。 大括號對參數不起作用。

總結

就是這樣,我們希望您了解有關 WordPress 惡意軟件刪除的簡單步驟的所有信息,以及要求我們撰寫有關 WordPress 惡意軟件刪除的簡單步驟的文章的訪問者。 我們對此有專門的文章。

試圖重複我們的討論,這裡有幾個關鍵點:

  • WooCommerce 簡碼
  • 您應該使用 WooCommerce 簡碼的原因
  • WooCommerce 簡碼的工作
  • WooCommerce 簡碼列表
  • 使用 WooCommerce 簡碼自定義佈局
  • 學習故障排除簡碼

如果您喜歡這篇文章,請在YouTube 頻道訂閱我們的 WordPress 視頻教程。 記得在Pinterest 上關注我們。

我們接受各種訪客的建議,因為它們不斷激勵我們改進。 歡迎在下方發表評論。