wordpress建站教程：WooCommerce短代碼的使用

繼續分享wordpress建站教程。今天悅然建站給大家分享一個WooCommerce商城插件的短代碼使用方法，同時也給自己做個記錄，因為之前的wordpress外貿建站項目是使用到的WooCommerce短代碼，非常方便，通過短代碼可以實現一般付費插件才有的效果。

WooCommerce短代碼的使用案例

之前的一個wordpress外貿建站項目使用到了ELEMENTOR編輯器，網站的首頁產品調用需要在ELEMENTOR編輯器中設置，如上圖所示。

但是，默認情況下，免費版本的ELEMENTOR編輯器是不提供WooCommerce商城相關組件的，需要購買專業版才能使用，那要怎么辦呢？接下來就可以讓WooCommerce短代碼登場了。其實上圖的產品調用效果主要有數量、欄目、分類、產品屬性、日期，而這些項目都是可以通過WooCommerce短代碼來調用的的，所以我們可以使用下面的短代碼來實現：

[products limit="4" columns="4" category="new-collection" cat_operator="AND" orderby="date"]

上面的category大家填寫實際的產品分類就可以了。

最終效果如上圖所示。通過WooCommerce短代碼我們實現了只有付費插件才能達到的效果。

其實WooCommerce短代碼能夠實現的功能遠不止這些，接下來悅然建站就把常用WooCommerce短代碼和官方說明貼出來，大家可以參考一下，活學活用。

WooCommerce短代碼大全

頁面短代碼

[woocommerce_cart]–顯示購物車頁面
[woocommerce_checkout]–顯示結帳頁面
[woocommerce_my_account]–顯示用戶帳戶頁面
[woocommerce_order_tracking]–顯示訂單跟蹤表單

購物車短代碼

[woocommerce_cart]

結賬短代碼

[woocommerce_checkout]

我的賬戶短代碼

[woocommerce_my_account]

訂單查詢短代碼

[woocommerce_order_tracking]

產品展示短代碼

[products]

產品展示短代碼使用是最多的，我們上面的案例使用的就是它，在此基礎上我們可以通過下面的屬性來達到各種不同的展品展示效果。

顯示產品屬性

• limit–要顯示的產品數量。-1 列出產品時默認為和（全部-1 顯示），類別為（全部顯示）。
• columns–要顯示的列數。默認為4。
• paginate–切換分頁。與結合使用limit。默認false設置true為paginate。
• orderby–按輸入的選項對顯示的產品進行排序。一個或多個選項可以通過在兩個彈頭之間添加一個空格來傳遞?？捎玫倪x項有：
  • date –產品發布的日期。
  • id –產品的帖子ID。
  • menu_order –菜單順序（如果已設置）（首先顯示小數字）。
  • popularity –購買數量。
  • rand –在頁面加載時隨機訂購產品（可能不適用于使用緩存的網站，因為它可以保存特定的訂單）。
  • rating –平均產品評分。
  • title–產品標題。這是默認orderby模式。
• skus –以逗號分隔的產品SKU列表。
• category –類別分隔符的逗號分隔列表。
• tag –標記分隔符列表，以逗號分隔。
• order– 使用中設置的方法說明產品訂單是升序（ASC）還是降序（DESC）orderby。默認為ASC。
• class –添加HTML包裝器類，以便您可以使用自定義CSS修改特定的輸出。
• on_sale –檢索特價產品。請勿與best_selling或  結合使用  top_rated。
• best_selling–檢索最暢銷的產品。請勿與on_sale 或  結合使用  top_rated。
• top_rated –檢索頂級產品。請勿與on_sale或  結合使用  best_selling。

內容產品屬性

• attribute –使用指定的屬性段檢索產品。
• terms–與一起使用的屬性術語的逗號分隔列表attribute。
• terms_operator–操作員比較屬性術語。可用的選項有：
  • AND –將顯示所有選定屬性的產品。
  • IN–將顯示具有所選屬性的產品。這是默認terms_operator值。
  • NOT IN –將顯示不在所選屬性中的產品。
• tag_operator–操作員比較標簽?？捎玫倪x項有：
  • AND –將顯示所有選定標簽的產品。
  • IN–將顯示帶有所選標簽的產品。這是默認tag_operator值。
  • NOT IN –將顯示不在所選標簽中的產品。
• visibility–將根據選定的可見性顯示產品。可用的選項有：
  • visible–在商店和搜索結果中可見的產品。這是默認visibility選項。
  • catalog –僅在商店中可見的產品，但沒有搜索結果。
  • search –僅在搜索結果中可見的產品，而不在商店中可見。
  • hidden –在商店和搜索中都隱藏的產品，只能通過直接URL訪問。
  • featured –標記為特色產品的產品。

• category –使用指定的類別塊檢索產品。
• tag –使用指定的標簽塞子檢索產品。
• cat_operator–操作員比較類別術語?？捎玫倪x項有：
  • AND –將顯示屬于所有選定類別的產品。
  • IN–將顯示所選類別中的產品。這是默認cat_operator值。
  • NOT IN –將顯示不在所選類別中的產品。

• ids –將顯示以逗號分隔的帖子ID列表為基礎的產品。
• skus –將顯示基于逗號分隔的SKU列表的產品。

補充說明：如需查看產品ID，只需進入產品表示，鼠標移動到產品上可以看到ID了。

特殊產品屬性

這些屬性不能與上面列出的“內容屬性”一起使用，因為它們可能會引起沖突并且無法顯示。您應該僅使用以下特殊屬性之一。

• best_selling–將展示您最暢銷的產品。必須設置為true。
• on_sale–將顯示您的待售產品。必須設置為true。

產品調用短代碼示例

1、顯示隨機商品

[products limit="4" columns="4" orderby="rand" class="quick-sale"]

說明：class=”quick-sale”是對應的css值，如果有可以加上，一般我們可以刪除就保持默認的樣式即可。

2、顯示特色產品

[products limit="4" columns="4" visibility="featured"]

3、最佳銷售產品

[products limit="3" columns="3" best_selling="true"]

4、最新產品

[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]

5、指定類別產品

[products limit="8" columns="4" category="hoodies,tshirts" cat_operator="AND"]

category對應的就是分類，如果你想設置除了某分類顯示其他類別的產品，那么就把最后的AND改成NOT IN。

6、按照屬性顯示產品

[products columns="3" attribute="season" terms="warm" orderby="date"]

7、顯示特定tag的產品

[products tag="hoodie"]

產品類別調用

這兩個短代碼可以在任何頁面上顯示您的產品類別。

[product_category]</code> –將顯示指定產品類別中的產品。
[product_categories]</code> –將顯示您的所有產品類別。

可用的產品類別屬性

• ids –指定要列出的特定類別ID
• limit –要顯示的類別數
• columns–要顯示的列數。默認為4
• hide_empty–默認值為“ 1”，它將隱藏空白類別。設置為“ 0”以顯示空類別
• parent –如果要顯示所有子類別，請設置為特定的類別ID
• orderby–默認為按“名稱”排序，可以設置為“ id”，“ slug”或“ menu_order”。如果要通過指定的ID進行訂購，則可以使用orderby="include"
• order– 使用中設置的方法，說明類別順序是升序（ASC）還是降序（DESC）orderby。默認為ASC。

只顯示頂級分類產品

[product_categories number="0" parent="0"]

按ID或者SKU顯示產品

[product_page id="99"]
[product_page sku="FOO"]

顯示相關產品

[related_products limit="12"]

以上所有WooCommerce短代碼的介紹都來自網絡及WooCommerce官方文檔，如果還有不明白的地方大家可以直接到WooCommerce官方查看教程。