Wix Stores:自訂類別頁面
重要:
類別頁面尚未開放給所有使用者。
類別頁面是主要商店頁面。您可設計頁面的每個部分、選擇偏好的版面配置、決定要顯示的資訊等。

提示:
- 只需自訂一次類別頁面。自訂內容會自動套用至每個類別。
- 使用右上方的類別預覽選擇器選擇類別並預覽。
類別頁面設定
Wix 編輯器
Studio 編輯器
Wix Harmony 編輯器
- 前往編輯器。
- 前往類別頁面:
- 點擊編輯器左側的「頁面與選單」圖示
。 - 點擊「商店頁面」。
- 點擊「類別頁面」。
- 點擊編輯器左側的「頁面與選單」圖示
- 在頁面上點擊類別頁面元件兩下。
- 點擊「設定」。
選擇要顯示的頁面元件
「顯示」索引標籤可選擇要在類別頁面顯示的元件,並隱藏不需要的元件。
顯示或隱藏類別頁面元件:
- 點擊「顯示」索引標籤。
- 選擇或不選擇元件旁的核取方塊,即可顯示或隱藏元件。
調整類別頁面設定
可在「設定」索引標籤中自訂訪客到達頁面底部時的操作、顧客將滑鼠游標停留在產品圖片上時的效果等。
選擇類別頁面設定:
- 點擊「設定」索引標籤。
- 自訂下列任一項目:
- 產品選項:選擇要顯示的產品選項。
提示:若已啟用產品選項,且部分產品有多個選項(例如色彩、尺寸和形狀),則此設定適用。 - 捲動行為:
- 選擇顧客捲動至頁面底部時要執行的操作。
- 啟用「固定側邊欄」切換開關,即可在捲動時持續顯示篩選條件。啟用後,可自訂側邊欄與頁面頂端的距離。
- 產品圖片效果:設定顧客在桌面版網站將滑鼠游標移至產品上方時的效果。
- 產品選項:選擇要顯示的產品選項。
選擇類別頁面版面配置
選擇頁首(若有顯示)和產品展示的偏好版面配置。
在 Wix 編輯器中伸展至全寬:
在編輯器中點擊類別頁面,選擇「伸展」圖示
,然後點擊切換開關加以啟用。
,然後點擊切換開關加以啟用。
選擇版面配置選項:
- 點擊「版面配置」標籤。
- 自訂以下任一項目:
階層連結
標頭區段
類別選單
產品格線
產品圖片
「加入購物車」按鈕
產品資訊
產品選項與數量
彩帶
類別頁面設計
自訂類別頁面,使其符合品牌的整體設計。
設計類別頁面:
- 點擊「設計」索引標籤。
- 按照以下步驟設計類別頁面的各個部分。
一般
頁首區段
類別選單
篩選條件
產品卡片
產品資訊
產品選項
數量
彩帶
名稱與價格分隔線
「加入購物車」按鈕
「載入更多」/「上一頁」按鈕或分頁
「快速瀏覽」按鈕
編輯類別頁面文字
在「文字」索引標籤中編輯任何可用文字,使其符合品牌風格與語氣。可自訂頁面上各按鈕的文字(例如「加入購物車」和「預購」),以及產品缺貨時顯示的訊息。
提示:
若選擇隱藏元件,系統不會顯示該元件的文字編輯選項。
編輯文字:
- 點擊「文字」索引標籤。
- 編輯任何可用的文字選項。
自訂「加入購物車」按鈕
若尚未啟用,請點擊「顯示加入購物車」,即可在類別頁面上顯示按鈕。
接著,選擇顧客如何選取產品尺寸或色彩等選項。深入了解「加入購物車」按鈕的行為。
最後,選擇顧客點擊按鈕後前往的位置:
- 顯示成功彈出式視窗:顯示彈出式通知。
- 開啟側邊購物車:側邊購物車會在畫面側邊開啟。
- 前往購物車頁面:顧客會直接前往購物車頁面。
- 停留在類別頁面:顧客會停留在同一個頁面。按鈕會顯示勾號,表示產品已成功新增。
自訂類別選單
建立的任何作用中類別都會自動顯示在類別選單中,但可隱藏不想顯示的類別,也可變更類別的顯示順序。

重要:
行動版不會顯示垂直類別選單。建議在行動版顯示橫向選單。深入了解如何在行動版顯示類別。
自訂側邊欄:
- 點擊「選單」索引標籤。
- 選擇類別顯示方式
- 自動同步所有類別:系統會自動依字母順序顯示所有作用中類別。
- 手動自訂及重新排序選單:可隱藏特定類別及重新排列清單:
- 取消選擇要隱藏類別旁的核取方塊。
- 拖曳類別即可重新排序。
自訂篩選條件
點擊切換開關即可顯示或隱藏篩選條件。如果選擇在網站上顯示篩選條件,即可進一步自訂。
自訂篩選條件:
- 點擊「篩選條件」索引標籤。
- 自訂下列任一篩選選項:
- 顯示篩選條件:點擊切換開關,即可顯示或隱藏所有篩選條件。
- 顯示篩選條件標題:取消選擇核取方塊,即可隱藏「篩選依據」標題。
- 篩選條件標題:若顯示標題,即可編輯標題文字。
- 允許顧客依下列條件篩選:將滑鼠游標移至篩選條件上,然後點擊更多操作圖示
,即可隱藏或編輯該條件。 - 類別:可隱藏類別篩選條件,或點擊「編輯」以選擇要顯示的類別。
- 價格:可隱藏價格篩選條件,或點擊「編輯」以編輯篩選條件標題。
- 產品選項:隱藏產品選項篩選條件。
提示:若顯示產品選項,每個頁面都會顯示相關選項。 - 折扣:可隱藏或刪除此選項。若顯示此選項,可選擇要套用促銷折扣的類別。

自訂排序選項
類別頁面提供排序選項,方便顧客查看相關產品。可停用任一選項,或完全隱藏排序功能。

自訂產品排序:
- 點擊「排序」索引標籤。
- 從「產品排序依據」下拉式選單中選擇產品顯示順序。若允許顧客排序產品,顧客可覆寫此設定。
注意:根據預設,類別中的產品順序取決於管理介面中設定的順序。 - 自訂下列任一設定:
- 點擊「顯示『排序方式』選項」切換開關,即可啟用或停用此功能。
- 編輯「排序方式」標籤。
- 取消選擇要隱藏之排序選項旁的核取方塊。
自訂快速瀏覽
顧客可使用快速瀏覽功能,在不離開類別頁面的情況下,透過彈出視窗查看產品詳細資訊。
重要:
若已啟用「加入購物車」按鈕並將其放置在產品圖片上方,系統便不會顯示「快速瀏覽」按鈕。

了解如何啟用或停用「快速瀏覽」並自訂設定。
常見問題
點擊下方問題,即可查看自訂類別頁面的常見問題解答。
可以建立多個類別頁面版本嗎?
如何提升類別頁面的無障礙功能?
類別頁面如何提升網站 SEO?

