如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

WooCommerce中,你可以通過定制器配置產(chǎn)品目錄的顯示方式。本文將詳細解釋配置產(chǎn)品頁面的展示內(nèi)容、排序方式、每行顯示產(chǎn)品數(shù)量以及每頁顯示產(chǎn)品的行數(shù)。

圖片[1]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

1. 進入產(chǎn)品目錄設(shè)置

要編輯產(chǎn)品目錄的設(shè)置,請導(dǎo)航至:
外觀 > 自定義 > WooCommerce > 產(chǎn)品目錄。

在“產(chǎn)品目錄”菜單中,你可以配置以下設(shè)置:

圖片[2]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

2. 配置商店頁面顯示內(nèi)容

商店頁面可以顯示產(chǎn)品、類別,或兩者都顯示。我們建議選擇產(chǎn)品或類別,以幫助客戶快速找到他們想要的商品。

配置商店頁面:

  • 商店頁面顯示 下拉菜單中,選擇產(chǎn)品類別
圖片[3]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
  • 選擇后,你可以在右側(cè)預(yù)覽你的選擇效果。
圖片[4]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
  • 點擊 發(fā)布 保存設(shè)置并使其生效。
圖片[5]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

3. 配置分類頁面顯示內(nèi)容

與商店頁面類似,分類頁面可以顯示產(chǎn)品、子類別,或兩者都顯示。建議僅選擇其中一個選項。

配置分類頁面:

  • 分類顯示 下拉菜單中,選擇產(chǎn)品子類別。
圖片[6]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
  • 選擇后,你可以在右側(cè)預(yù)覽你的選擇效果。
圖片[7]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
  • 點擊 發(fā)布 保存設(shè)置并使其生效。
圖片[8]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

4. 設(shè)置默認產(chǎn)品排序

默認產(chǎn)品排序允許你控制產(chǎn)品顯示的順序,影響商店和分類頁面上產(chǎn)品的默認排列順序??蛻羧匀豢梢赃x擇其他排序方式。

默認排序選項:

  • 默認排序(自定義排序 + 名稱):按名稱字母順序顯示產(chǎn)品。
  • 按銷量排序:按銷售數(shù)量從高到低排序。
  • 按平均評分排序:根據(jù)平均評分從高到低排序。
  • 按最近添加排序:按添加到商店的時間從新到舊排序。
  • 按價格排序(升序/降序):按價格從低到高或從高到低排序。
圖片[9]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

選擇默認排序:

圖片[10]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
  • 預(yù)覽你的選擇并點擊 發(fā)布 保存設(shè)置。
圖片[11]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

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)品目錄展示
  • 預(yù)覽你的選擇并點擊 發(fā)布 保存設(shè)置。
圖片[13]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
  • 以下是使用相同設(shè)置的不同視圖的示例。
圖片[14]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
電腦/筆記本電腦屏幕
圖片[15]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
平板電腦屏幕
圖片[16]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
移動設(shè)備

圖片尺寸和外觀的縮放比例會根據(jù)你使用的主題而有所不同。

6. 每頁顯示的行數(shù)

“每頁顯示行數(shù)”允許你選擇在商店和分類頁面上顯示多少行產(chǎn)品??紤]以下因素來設(shè)置合適的行數(shù):

  • 產(chǎn)品圖片的大小
  • 你銷售的產(chǎn)品數(shù)量
  • 計算機/筆記本、平板電腦或移動設(shè)備上的顯示空間
  • 提供給客戶的最佳瀏覽和購買體驗

設(shè)置每頁顯示的行數(shù):

  • 使用箭頭增加或減少每頁顯示的行數(shù)。
圖片[17]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
  • 預(yù)覽你的選擇并點擊 發(fā)布 保存設(shè)置。
圖片[18]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示

保證你的設(shè)置在不同設(shè)備上的展示效果良好。使用不同的屏幕尺寸測試商店頁面的外觀,例如在計算機、平板和手機上查看效果。

圖片[19]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
電腦/筆記本電腦屏幕
圖片[20]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
平板電腦屏幕
圖片[21]-如何在WooCommerce中配置和優(yōu)化產(chǎn)品目錄展示
移動設(shè)備

總結(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é)假日休息
? 轉(zhuǎn)載聲明
本文作者:賊將鼠膽
THE END
喜歡就支持一下吧
點贊9223 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容