wordpress 頭像本地化解決方案 加載頭像緩慢問題
WooCommerce自帶了許多有用的shortcodes，在為實(shí)現(xiàn)某個(gè)功能而瘋狂搜索代碼插件之前，應(yīng)該先看看是否可用自帶的資源實(shí)現(xiàn)。
插入shortcode的方法
可以手動插入，即在編輯器中使用方括號的方式，或在模版中do_shortcode()。
WooCommerce提供的tinymce編輯器按鈕可以更方便的插入shortcode，無需記憶每個(gè)shortcode的書寫方式，如下圖所示。
下面介紹常用的shortcode。
最新產(chǎn)品
列出最近添加的產(chǎn)品，可以指定分幾行顯示，一頁顯示多少個(gè)，如何排序等。
|
1
|
[recent_products per_page="12" columns="4" orderby="date" order="desc" ] |
orderby和order的可選參數(shù)參考WP Query Order & Orderby Parameters
特色產(chǎn)品
與最新產(chǎn)品參數(shù)相同，但顯示的是特色產(chǎn)品。
|
1
|
[featured_products per_page="12" columns="4" orderby="date" order="desc" ] |
什么樣的產(chǎn)品是特色產(chǎn)品？見下圖紅色標(biāo)注。
顯示一個(gè)產(chǎn)品
用product shortcode，可以指定id或者sku。
|
1
2
|
[product id="99"][product sku="FOO"] |
顯示效果如下：
如何知道產(chǎn)品ID？找到產(chǎn)品列表，鼠標(biāo)放到標(biāo)題上。
顯示多個(gè)產(chǎn)品
顯示指定的多個(gè)產(chǎn)品，用products shortcode，通過ids或skus指定產(chǎn)品，用逗號分隔。
|
1
2
|
[products ids="1, 2, 3, 4, 5"][products skus="foo, bar, baz" orderby="date" order="desc"] |
顯示效果類似下圖
顯示單個(gè)產(chǎn)品的添加到購物車按鈕
包含價(jià)格和add to cart按鈕。
|
1
|
[add_to_cart id="99"] |
效果如圖所示：
Add to cart URL
顯示添加到購物車的鏈接。
|
1
|
[add_to_cart_url id="99"] |
結(jié)果是：/sitename/page-slug/?add-to-cart=99
顯示產(chǎn)品詳情
把本該在產(chǎn)品顯示的產(chǎn)品詳情作為一個(gè)整體插入到其它頁面中，包括產(chǎn)品標(biāo)題、縮略圖、短介紹、完整描述、評論、其它信息、相關(guān)產(chǎn)品等部分。
|
1
2
|
[product_page id="99"][product_page sku="FOO"] |
顯示某個(gè)目錄下的產(chǎn)品
|
1
|
[product_category category="category-slug" per_page="12" columns="4" orderby="title" order="asc"] |
category參數(shù)需要的是分類的slug，查找分類slug方法如下
顯示產(chǎn)品分類
這是一個(gè)非常有用的shortcode，默認(rèn)的product category widget會顯示所有分類，想顯示某個(gè)分類下的子分類，就需要借助這個(gè)顯示產(chǎn)品分類的shortcode，而widget中是可以使用shortcode的(需要向主題functions.php中添加add_filter(‘widget_text’, ‘do_shortcode’);)
|
1
|
[product_categories number="12" parent="0"] |
支持的參數(shù)如下：
ids: 指定要顯示的分類，id用逗號分隔
order by和order：指定排序方法
columns：一行顯示幾個(gè)分類
hide_empty：是否隱藏沒有產(chǎn)品的分類，默認(rèn)為1，即隱藏
parent：填寫一個(gè)分類的id，則只顯示該分類下的子分類
下面列舉幾個(gè)使用示例。
顯示所有頂級分類
|
1
|
[product_categories number=0 parent=0] |
顯示ID為32的分類的所有子分類，只顯示前12個(gè)，每行顯示4個(gè)
|
1
|
[product_categories number=12 columns=4 parent=32] |
顯示ID為11,12,13的分類
|
1
|
[product_categories ids="11,12,13"] |
顯示效果如下，控制布局的模版是woocommerce/templates/content-product_cat.php。
關(guān)于作者
admin
Related posts
