# CMS：在任何頁面顯示 Wix Stores 類別

Source: https://support.wix.com/zh-hant/article/cms-displaying-your-wix-stores-categories-on-any-page-zh-hant (updated 2026-11-12)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

在首頁或購物車頁面等任何頁面上，使用圖庫、重複項目或資料表展示所有 Wix Stores 產品類別。顧客點擊類別後，系統會前往相應的類別頁面，供顧客查看其中的產品。或者，也可[建立新的動態清單頁面來顯示類別](https://support.wix.com/zh-hant/article/cms-displaying-your-wix-stores-product-categories-on-a-dynamic-list-page)。 

  
 將圖庫、重複項目或資料表連結至 CMS（內容管理系統）後，即可使用資料集設定選擇要顯示的類別，並控制顯示順序及每次顯示的數量。

![購物車頁面顯示商店產品類別的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/09/15/38cedc33-eaad-4629-ab3c-02e76eefc004/edc4f76d-3c1c-4d95-bf6a-e002cabb46c4.png)

> **重要：** 您必須使用[新版 Wix Stores 產品類別](https://support.wix.com/zh-hant/article/wix-stores-about-the-category-page)，才能按照本教學操作。如果尚未使用此版本，請了解如何透過原始版產品類別[手動建立類別圖庫](https://support.wix.com/zh-hant/article/wix-stores-creating-an-index-of-product-categories)。

> **注意：** 在 Wix Harmony 編輯器中，無法將重複項目連結至 Wix Stores 類別。若要顯示所有類別，請[使用 Wix Harmony 的類別頁面](https://support.wix.com/zh-hant/article/wix-stores-customizing-the-category-page?tabs=Wix-Harmony-Editor)。

> **開始之前：**
>
> * 在 Wix Stores 中建立多個[產品類別](https://support.wix.com/zh-hant/article/wix-stores-creating-product-categories)。
> * 如果尚未新增 CMS，請務必[將 CMS 新增至網站](https://support.wix.com/zh-hant/article/cms-formerly-content-manager-getting-started)。
> * [啟用 Wix 應用程式集合](https://support.wix.com/zh-hant/article/cms-formerly-content-manager-working-with-wix-app-collections)，即可搭配 CMS 使用 Wix Stores。

---

## 步驟 1｜將專業圖庫、重複項目或資料表新增至頁面

前往編輯器中要顯示 Wix Stores 類別的頁面。如有需要，可[新增頁面](https://support.wix.com/zh-hant/article/wix-editor-adding-a-page-to-your-site)。接著，新增要用來顯示類別的元件。

**Wix 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 前往要顯示 Wix Stores 類別的頁面或區段。
3. 點擊編輯器左側的**「新增元件」**![](https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png)。
4. 新增專業圖庫、重複器或資料表：  
   * **專業圖庫：**在圖庫中顯示類別：  
         1. 點擊**「圖庫」**。  
         2. 點擊所需的專業圖庫，並將其拖曳至頁面。  
         3. 移除圖庫中的預設圖片：  
                  1. 點擊圖庫並選擇**「管理媒體」**。  
                  2. 點擊**「全選」**，再點擊**「刪除」**。  
                  3. 點擊**「完成」**。  
   * **重複器：**使用附加至重複器的多個元件顯示類別：  
         1. 點擊**「清單」**。  
         2. 點擊所需的重複器，並將其拖曳至頁面。  
         3. 請確認重複器中有圖片或按鈕，以便稍後連結至類別頁面。您可在重複器中新增或移除元件。如有需要，可調整重複器大小，以容納所有需要的元件。  
   * **資料表：**以資料表格式顯示類別：  
         1. 點擊**「清單」**。  
         2. 點擊**「資料表」**，並將所需的資料表拖曳至頁面。

**Studio 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 前往要顯示 Wix Stores 類別的頁面或區段。
3. 點擊編輯器左側的**「新增元件」**![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png)。
4. 新增圖庫或重複器：  
   * **圖庫：**在圖庫中顯示類別：  
         1. 點擊**「圖庫」**。  
         2. 點擊圖庫，並將其拖曳至所需位置。  
         3. 移除圖庫中的預設圖片：  
                  1. 點擊圖庫並選擇**「管理媒體」**。  
                  2. 點擊**「全選」**，再點擊**「刪除」**。  
                  3. 點擊**「完成」**。  
   * **重複器：**使用附加至重複器的多個元件顯示類別：  
         1. 點擊**「版面配置工具」**。  
         2. 點擊**「重複器」**。  
         3. 點擊所需的重複器，並將其拖曳至頁面。  
         4. 將[圖片](https://support.wix.com/zh-hant/article/studio-editor-adding-creating-and-uploading-images)、[文字元件](https://support.wix.com/zh-hant/article/studio-editor-adding-and-customizing-text)和[按鈕](https://support.wix.com/zh-hant/article/studio-editor-adding-and-customizing-buttons)新增至重複器。您可調整重複器大小，以容納每個重複器項目中的所有元件。

![在 Studio 編輯器中新增重複器的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/08/21/6721636e-a4a5-4413-9251-91d810306568/5e6838c3-eeac-4ae3-a610-82c3fec02873.png)

---

## 步驟 2｜將圖庫、重複器或資料表連結至 CMS

將集合欄位連結至重複器、圖庫或資料表。這些動態欄位的值會根據已上線網站顯示的類別而變更。請務必將按鈕或圖片連結至**頁面網址**。訪客點擊此連結，即可前往相關的 Wix Stores 類別頁面。

**Wix 編輯器:**

1. 在編輯器中，點擊重複器、專業圖庫或資料表。
2. 點擊**連結至 CMS**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/16/2d484f5d-e1bf-4d48-9e42-82216e8b88de/08e74518-edad-42f8-b007-c974ba767eb6.png)。
3. 點擊**建立資料集**。如果頁面已有資料集，請點擊**選擇資料集**下拉式選單，然後選擇**建立新資料集**。
4. 點擊**選擇集合**下拉式選單，然後在 **Wix Stores** 應用程式集合下選擇**系列**。

![將 Wix Stores 應用程式的系列集合連結至資料集的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/09/13/4663eac1-cebd-4ea2-b5b8-1ddb1212c828/703dcc3e-25e2-4220-9123-e6b3f9ef6fe0.png)

1. （選填）點擊**資料集名稱**欄位，然後輸入資料集名稱。
2. 點擊**建立**。
3. （僅限重複器）在**連結**下方，點擊要連結的重複器元件（例如文字、按鈕、圖片）。
4. 在**連結選項**下方，點擊相關下拉式選單，然後選擇要連結的動態集合欄位：  
   * **名稱（文字）：**在 Wix Stores 中設定的類別名稱。  
   * **主要媒體（圖片）：**在 Wix Stores 中設定的類別圖片。  
   * **動態資料欄位（文字）：**類別頁面網址結尾的獨特部分。您可[編輯各個 Wix Stores 類別的 SEO 設定](https://support.wix.com/zh-hant/article/wix-stores-seo-for-category-pages)來設定此欄位。  
   * **ID（文字）：**各類別在後端的獨特識別碼。  
   * **前往頁面網址：**相關類別頁面的網址。若是按鈕，請點擊**點擊動作連結至**下拉式選單，然後選擇**前往頁面網址**。若是圖片或專業圖庫，請點擊**連結至**下拉式選單，然後選擇**前往頁面網址**。

![將點擊動作連結至頁面網址的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/09/13/2f11e04e-a983-4d86-b531-d580713dcae2/0690bec7-4c2e-4bfc-9335-6e1537b59396.png)

1. （僅限重複器）點擊**重複器連結**，然後重複上述步驟 7 至 8，連結重複器中的其他元件。
2. 視需要點擊並調整重複器元件、專業圖庫或資料表。  
**提示：**您可隨時新增或移除重複器中的元件。如果想使用不會隨相關類別變更的靜態內容，請取消連結元件。
3. 點擊**預覽**即可測試功能。
4. 若已準備好讓變更上線，請點擊**發布**。

**Studio 編輯器:**

1. 在編輯器中，點擊要連結的重複器或圖庫。
2. 點擊**「連結至 CMS」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/16/2d484f5d-e1bf-4d48-9e42-82216e8b88de/08e74518-edad-42f8-b007-c974ba767eb6.png)。
3. 新增連結至 Wix Stores **「系列」**集合的資料集：  
   1. 點擊**「新增資料集」**。  
   **提示：**如果沒有看到此選項，請點擊**「選擇資料集」**下拉式選單，然後選擇**「新增資料集」**。  
   2. 點擊**「選擇集合」**下拉式選單，並選擇 **「系列」**（位於 **「商店」**下方）。  
   3. （選用）點擊**「資料集名稱」**欄位，即可編輯新資料集的名稱。  
   4. 點擊**「建立」**。
4. （僅限重複器）在**「連結」**下方，點擊要連結的重複器元件（例如文字、按鈕、圖片）。

![重複器連結選項的畫面截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/09/14/070f92dc-6509-464b-ac5c-b150eaf3c09e/6e1799d7-f16f-4826-8292-5737961d6a31.png)

1. 在檢驗器面板的**「連結」**下方，點擊相關下拉式選單，然後選擇要連結的動態集合欄位：  
   * **名稱（文字）：**在 Wix Stores 中設定的類別名稱。  
   * **主要媒體（圖片）：**在 Wix Stores 中設定的類別圖片。  
   * **動態資料欄位（文字）：**類別頁面網址結尾的獨特部分。您可[編輯各個 Wix Stores 類別的 SEO 設定](https://support.wix.com/zh-hant/article/wix-stores-seo-for-category-pages)來設定此欄位。  
   * **ID（文字）：**各類別在後端的獨特識別碼。  
   * **頁面網址：**相關類別頁面的網址。若是按鈕，請點擊**「點擊動作連結至」**下拉式選單，然後選擇**「頁面網址」**。若是圖片或圖庫，請點擊**「連結的連結目標」**下拉式選單，然後選擇**「頁面網址」**。

![將點擊動作連結至頁面網址的畫面截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/09/11/ccac5a9b-9fbb-45f4-8203-603f7db1f77c/72b4aecb-5ce0-4dfe-a920-2486b6217b83.png)

1. （僅限重複器）點擊檢驗器面板中的**「重複器連結」**，即可連結重複器中的其他元件。
2. 視需要點擊並調整重複器元件或圖庫。  
**提示：**您可隨時新增或移除重複器中的元件。若要使用不會隨相關類別變更的靜態內容，請取消連結元件。
3. 點擊右上角的**「預覽」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/12/45e03e4e-437b-4067-977e-869c3ff1ddd7/357065e4-6113-4838-9dbd-edc880533773.png)，即可測試功能。
4. 若已準備好讓變更上線，請點擊**「發布」**。

---

## （選用）步驟 3｜管理資料集設定

在資料集設定中，可選擇一次最多顯示的類別數量。也可新增篩選條件來納入特定類別，或使用排序控制類別順序。

> **注意：** **「每次載入項目數」**欄位不適用於資料表。若使用資料表列出類別，可點擊**「版面配置」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/10/24/5ae211d6-f96d-4fc9-a8d8-b481a9d2751e/e43ad657-f525-4471-96bd-ed78809def3e.png)，限制顯示的項目數量。接著，自訂資料表高度並啟用分頁。

**Wix 編輯器:**

1. 前往資料集設定：  
   1. 點擊左側的 **CMS**![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/15/ed238e86-e950-49b4-9366-667e9fa145d8/02bf8cb6-ce74-4b86-9317-053431a8128e.png)。  
   2. 點擊**「管理頁面連結」**。  
   3. 點擊相關資料集旁的**「更多操作」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/04/16/6883f017-33fe-4bc8-8124-6ac142fceb1e/2e8022a9-84f6-4481-b2a5-e440aa924c42.png)，然後選擇**「資料集設定」**。
2. （選填）點擊[權限類型](https://support.wix.com/zh-hant/article/cms-collection-permissions-overview)（位於**「權限」**旁），即可決定誰能在已上線的網站上查看、新增、更新或刪除集合內容。
3. 編輯**「每次載入項目數」**欄位，設定[一次最多可載入的項目數量](https://support.wix.com/zh-hant/article/cms-changing-the-maximum-items-displayed-in-your-dataset-settings)。  
**注意：**這也是訪客點擊「載入更多」按鈕、「下一頁／上一頁」按鈕或分頁列時，一次最多可載入的項目數量。請參閱下一節了解操作步驟。
4. （選填）點擊**「＋新增篩選條件」**，即可[僅在元件中顯示特定類別](https://support.wix.com/zh-hant/article/cms-formerly-content-manager-adding-filters-and-sorts-to-datasets-to-control-live-site-content#adding-filters-to-your-dataset-to-exclude-items-from-your-page)。
5. （選填）點擊**「＋新增排序」**，即可[選擇類別在元件中的顯示順序](https://support.wix.com/zh-hant/article/cms-formerly-content-manager-adding-filters-and-sorts-to-datasets-to-control-live-site-content#adding-sort-conditions-to-your-dataset-to-sort-the-items-on-your-page)。
6. 點擊**「預覽」**，測試功能。
7. 若已準備好讓變更上線，請點擊**「發布」**。

**Studio 編輯器:**

1. 前往已連結的資料集設定：  
   1. 點擊中繼器或圖庫。  
   2. 點擊**「連結至 CMS」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/16/2d484f5d-e1bf-4d48-9e42-82216e8b88de/08e74518-edad-42f8-b007-c974ba767eb6.png)。  
   3. 點擊檢驗器面板中的**「資料集設定」**。

![前往資料集設定的畫面截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/09/14/e008b080-9896-4aac-a797-4e64b18a7d8a/bced2091-469e-4561-8bdd-2b668c265b88.png)

1. （選填）點擊[權限類型](https://support.wix.com/zh-hant/article/cms-collection-permissions-overview)（位於**「權限」**旁），即可決定誰能在已上線的網站上查看、新增、更新或刪除集合內容。
2. 編輯**「每次載入項目數」**欄位，設定[一次最多可載入的項目數量](https://support.wix.com/zh-hant/article/cms-changing-the-maximum-items-displayed-in-your-dataset-settings)。  
**注意：**這也是訪客點擊「載入更多」按鈕、「下一頁／上一頁」按鈕或分頁列時，一次最多可載入的項目數量。請參閱下一節了解操作步驟。
3. （選填）點擊**「＋新增篩選條件」**，即可[僅在中繼器或圖庫中顯示特定類別](https://support.wix.com/zh-hant/article/cms-formerly-content-manager-adding-filters-and-sorts-to-datasets-to-control-live-site-content#adding-filters-to-your-dataset-to-exclude-items-from-your-page)。
4. （選填）點擊**「＋新增排序」**，即可[選擇類別在中繼器或圖庫中的顯示順序](https://support.wix.com/zh-hant/article/cms-formerly-content-manager-adding-filters-and-sorts-to-datasets-to-control-live-site-content#adding-sort-conditions-to-your-dataset-to-sort-the-items-on-your-page)。
5. 點擊**「預覽」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/12/45e03e4e-437b-4067-977e-869c3ff1ddd7/357065e4-6113-4838-9dbd-edc880533773.png)，測試功能。
6. 若已準備好讓變更上線，請點擊**「發布」**。