header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Wix Stores:自訂類別頁面

重要:
類別頁面尚未開放給所有使用者。
類別頁面是主要商店頁面。您可設計頁面的每個部分、選擇偏好的版面配置、決定要顯示的資訊等。
Wix 商店類別頁面的螢幕截圖
提示:
  • 只需自訂一次類別頁面。自訂內容會自動套用至每個類別。
  • 使用右上方的類別預覽選擇器選擇類別並預覽。

類別頁面設定

  1. 前往編輯器
  2. 前往類別頁面:
    1. 點擊編輯器左側的「頁面與選單」圖示
    2. 點擊「商店頁面」
    3. 點擊「類別頁面」
  3. 在頁面上點擊類別頁面元件兩下。
  4. 點擊「設定」

選擇要顯示的頁面元件

「顯示」索引標籤可選擇要在類別頁面顯示的元件,並隱藏不需要的元件。

顯示或隱藏類別頁面元件:

  1. 點擊「顯示」索引標籤。
  2. 選擇或不選擇元件旁的核取方塊,即可顯示或隱藏元件。

調整類別頁面設定

可在「設定」索引標籤中自訂訪客到達頁面底部時的操作、顧客將滑鼠游標停留在產品圖片上時的效果等。

選擇類別頁面設定:

  1. 點擊「設定」索引標籤。
  2. 自訂下列任一項目:
    • 產品選項:選擇要顯示的產品選項。
      提示:若已啟用產品選項,且部分產品有多個選項(例如色彩、尺寸和形狀),則此設定適用。
    • 捲動行為:
    • 產品圖片效果:設定顧客在桌面版網站將滑鼠游標移至產品上方時的效果。

選擇類別頁面版面配置

選擇頁首(若有顯示)和產品展示的偏好版面配置。
在 Wix 編輯器中伸展至全寬:
在編輯器中點擊類別頁面,選擇「伸展」圖示,然後點擊切換開關加以啟用。

選擇版面配置選項:

  1. 點擊「版面配置」標籤。
  2. 自訂以下任一項目:

類別頁面設計

自訂類別頁面,使其符合品牌的整體設計。

設計類別頁面:

  1. 點擊「設計」索引標籤。
  2. 按照以下步驟設計類別頁面的各個部分。

編輯類別頁面文字

在「文字」索引標籤中編輯任何可用文字,使其符合品牌風格與語氣。可自訂頁面上各按鈕的文字(例如「加入購物車」和「預購」),以及產品缺貨時顯示的訊息。
提示:
若選擇隱藏元件,系統不會顯示該元件的文字編輯選項。

編輯文字:

  1. 點擊「文字」索引標籤。
  2. 編輯任何可用的文字選項。

自訂「加入購物車」按鈕

若尚未啟用,請點擊「顯示加入購物車」,即可在類別頁面上顯示按鈕。
接著,選擇顧客如何選取產品尺寸或色彩等選項。深入了解「加入購物車」按鈕的行為
最後,選擇顧客點擊按鈕後前往的位置:
  • 顯示成功彈出式視窗:顯示彈出式通知。
  • 開啟側邊購物車:側邊購物車會在畫面側邊開啟。
  • 前往購物車頁面:顧客會直接前往購物車頁面。
  • 停留在類別頁面:顧客會停留在同一個頁面。按鈕會顯示勾號,表示產品已成功新增。

自訂類別選單

建立的任何作用中類別都會自動顯示在類別選單中,但可隱藏不想顯示的類別,也可變更類別的顯示順序。
Wix Stores 類別頁面中的垂直類別選單螢幕截圖
重要:
行動版不會顯示垂直類別選單。建議在行動版顯示橫向選單。深入了解如何在行動版顯示類別

自訂側邊欄:

  1. 點擊「選單」索引標籤。
  2. 選擇類別顯示方式
  • 自動同步所有類別:系統會自動依字母順序顯示所有作用中類別。
  • 手動自訂及重新排序選單:可隱藏特定類別及重新排列清單:
    1. 取消選擇要隱藏類別旁的核取方塊。
    2. 拖曳類別即可重新排序。

自訂篩選條件

點擊切換開關即可顯示或隱藏篩選條件。如果選擇在網站上顯示篩選條件,即可進一步自訂。

自訂篩選條件:

  1. 點擊「篩選條件」索引標籤。
  2. 自訂下列任一篩選選項:
    • 顯示篩選條件:點擊切換開關,即可顯示或隱藏所有篩選條件。
    • 顯示篩選條件標題:取消選擇核取方塊,即可隱藏「篩選依據」標題。
    • 篩選條件標題:若顯示標題,即可編輯標題文字。
    • 允許顧客依下列條件篩選:將滑鼠游標移至篩選條件上,然後點擊更多操作圖示 ,即可隱藏或編輯該條件。
      • 類別:可隱藏類別篩選條件,或點擊「編輯」以選擇要顯示的類別。
      • 價格:可隱藏價格篩選條件,或點擊「編輯」以編輯篩選條件標題。
      • 產品選項:隱藏產品選項篩選條件。
        提示:若顯示產品選項,每個頁面都會顯示相關選項。
      • 折扣:可隱藏或刪除此選項。若顯示此選項,可選擇要套用促銷折扣的類別。
Wix 網站類別頁面的篩選條件設定畫面

自訂排序選項

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

自訂產品排序:

  1. 點擊「排序」索引標籤。
  2. 從「產品排序依據」下拉式選單中選擇產品顯示順序。若允許顧客排序產品,顧客可覆寫此設定。
    注意:根據預設,類別中的產品順序取決於管理介面中設定的順序
  3. 自訂下列任一設定:
    • 點擊「顯示『排序方式』選項」切換開關,即可啟用或停用此功能。
    • 編輯「排序方式」標籤。
    • 取消選擇要隱藏之排序選項旁的核取方塊。

自訂快速瀏覽

顧客可使用快速瀏覽功能,在不離開類別頁面的情況下,透過彈出視窗查看產品詳細資訊。
重要:
若已啟用「加入購物車」按鈕並將其放置在產品圖片上方,系統便不會顯示「快速瀏覽」按鈕。
顯示 Wix 商店中「快速瀏覽」選項的 GIF

常見問題

點擊下方問題,即可查看自訂類別頁面的常見問題解答。