在WooCommerce中,你可以通過定制器配置產(chǎn)品目錄的顯示方式。本文將詳細解釋配置產(chǎn)品頁面的展示內(nèi)容、排序方式、每行顯示產(chǎn)品數(shù)量以及每頁顯示產(chǎn)品的行數(shù)。
![圖片[1]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514112500263-image.png)
1. 進入產(chǎn)品目錄設(shè)置
要編輯產(chǎn)品目錄的設(shè)置,請導(dǎo)航至:
外觀 > 自定義 > WooCommerce > 產(chǎn)品目錄。
在“產(chǎn)品目錄”菜單中,你可以配置以下設(shè)置:
![圖片[2]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514112637818-image.png)
2. 配置商店頁面顯示內(nèi)容
商店頁面可以顯示產(chǎn)品、類別,或兩者都顯示。我們建議選擇產(chǎn)品或類別,以幫助客戶快速找到他們想要的商品。
配置商店頁面:
- 在 商店頁面顯示 下拉菜單中,選擇產(chǎn)品或類別。
![圖片[3]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514112709122-image.png)
- 選擇后,你可以在右側(cè)預(yù)覽你的選擇效果。
![圖片[4]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514112721139-image.png)
- 點擊 發(fā)布 保存設(shè)置并使其生效。
![圖片[5]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514112739860-image.png)
3. 配置分類頁面顯示內(nèi)容
與商店頁面類似,分類頁面可以顯示產(chǎn)品、子類別,或兩者都顯示。建議僅選擇其中一個選項。
配置分類頁面:
- 在 分類顯示 下拉菜單中,選擇產(chǎn)品或子類別。
![圖片[6]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113434455-image.png)
- 選擇后,你可以在右側(cè)預(yù)覽你的選擇效果。
![圖片[7]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113450189-image.png)
- 點擊 發(fā)布 保存設(shè)置并使其生效。
![圖片[8]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113457977-image.png)
4. 設(shè)置默認產(chǎn)品排序
默認產(chǎn)品排序允許你控制產(chǎn)品顯示的順序,影響商店和分類頁面上產(chǎn)品的默認排列順序??蛻羧匀豢梢赃x擇其他排序方式。
默認排序選項:
- 默認排序(自定義排序 + 名稱):按名稱字母順序顯示產(chǎn)品。
- 按銷量排序:按銷售數(shù)量從高到低排序。
- 按平均評分排序:根據(jù)平均評分從高到低排序。
- 按最近添加排序:按添加到商店的時間從新到舊排序。
- 按價格排序(升序/降序):按價格從低到高或從高到低排序。
![圖片[9]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113513966-image.png)
選擇默認排序:
- 從下拉菜單中選擇一個選項。
![圖片[10]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113536366-image.png)
- 預(yù)覽你的選擇并點擊 發(fā)布 保存設(shè)置。
![圖片[11]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113543687-image.png)
5. 每行顯示的產(chǎn)品數(shù)量
在商店和分類頁面上,你可以選擇每行顯示多少個產(chǎn)品。考慮以下因素來設(shè)置適當(dāng)?shù)臄?shù)量:
- 產(chǎn)品圖片的大小
- 計算機/筆記本、平板電腦或移動設(shè)備上的顯示空間
- 提供給客戶的最佳瀏覽和購買體驗
設(shè)置每行顯示產(chǎn)品數(shù)量:
- 使用箭頭增加或減少每行顯示的產(chǎn)品數(shù)量。
![圖片[12]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113559648-image.png)
- 預(yù)覽你的選擇并點擊 發(fā)布 保存設(shè)置。
![圖片[13]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113613811-image.png)
- 以下是使用相同設(shè)置的不同視圖的示例。
![圖片[14]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113740145-image.png)
![圖片[15]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113754849-image.png)
![圖片[16]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113806160-image.png)
圖片尺寸和外觀的縮放比例會根據(jù)你使用的主題而有所不同。
6. 每頁顯示的行數(shù)
“每頁顯示行數(shù)”允許你選擇在商店和分類頁面上顯示多少行產(chǎn)品??紤]以下因素來設(shè)置合適的行數(shù):
- 產(chǎn)品圖片的大小
- 你銷售的產(chǎn)品數(shù)量
- 計算機/筆記本、平板電腦或移動設(shè)備上的顯示空間
- 提供給客戶的最佳瀏覽和購買體驗
設(shè)置每頁顯示的行數(shù):
- 使用箭頭增加或減少每頁顯示的行數(shù)。
![圖片[17]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113901819-image.png)
- 預(yù)覽你的選擇并點擊 發(fā)布 保存設(shè)置。
![圖片[18]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113910520-image.png)
保證你的設(shè)置在不同設(shè)備上的展示效果良好。使用不同的屏幕尺寸測試商店頁面的外觀,例如在計算機、平板和手機上查看效果。
![圖片[19]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514113941380-image.png)
![圖片[20]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514114000842-image.png)
![圖片[21]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示](http://gqxi.cn/wp-content/uploads/2025/05/20250514114024230-image.png)
總結(jié)
使用WooCommerce定制器,你可以靈活配置商店頁面和分類頁面的顯示內(nèi)容、排序方式以及每行和每頁的產(chǎn)品數(shù)量。這些設(shè)置有助于提供一個良好的頁面展示效果,并保證產(chǎn)品展示方式與商店需求相匹配。
最近更新
聯(lián)系我們 | |
---|---|
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點! |
![]() 客服微信
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
③ 郵件:info@361sale.com | |
④ 工作時間:周一至周五,9:30-18:30,節(jié)假日休息 |
暫無評論內(nèi)容