# Wix Stores：新增並設定 Studio Two 類別頁面

Source: https://support.wix.com/zh-hant/article/wix-stores-adding-and-setting-up-the-studio-two-category-page-zh-hant (updated 2026-11-13)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

> **重要：** 為提供最佳使用體驗，我們正逐步在 Studio Two 編輯器中推出各項功能。因此，部分 Wix Stores 小工具尚未完整支援 Studio Two 的所有功能。

將產品歸入不同類別，讓顧客在 Studio Two 網站的專屬類別頁面上瀏覽。此頁面包含類別選單、篩選條件、排序功能和產品格線，且全都連結至[資料來源](https://support.wix.com/zh-hant/article/studio-two-editor-about-data-sources)。因此，只要設定一次頁面樣式，商店中每個類別的設計都會自動更新。

---

## 步驟 1｜新增類別頁面

將 Wix Stores 新增至網站，即可取得類別頁面。編輯器會自動新增此頁面及其他商店頁面，並將其連結至產品資料。

### 新增 Wix Stores：

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. 點擊「**新增元件**」圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/9c03a257-d8e4-43c3-80da-ef30b0b73154/18b082af-6d24-4be7-b34e-707d9a3d8166.png)。
3. 使用搜尋列搜尋商店。
4. 點擊「**Wix Stores**」。
5. 點擊「**新增至網站**」。

![螢幕截圖顯示游標懸停在「新增元件」面板中的 Wix Stores 應用程式圖示上。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6583964-8756-4344-ae8a-f24ce7803d0f/2026/11/02/27c72c12-cff3-483e-b8c6-32e16a28c4e3/s2addstores.png)

---

## 步驟 2｜設定商店

使用「**我的商店**」面板新增第一項產品、設定付款方式並升級網站，以便接受訂單。

### 設定商店：

1. 點擊編輯器左側的「**我的商店** 」圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/59ab096e-e0a0-4b06-ad46-bd78e940c7f1/2026/07/21/e317ab95-cf68-4bd7-9d3d-a9d4bd30708d/image.png)。
2. 在「**我的商店**」面板中完成設定步驟：  
   * 點擊「[**新增產品**](https://support.wix.com/zh-hant/article/wix-stores-adding-a-physical-product)」，開始將產品新增至商店。  
   * 點擊「[**連結付款方式**](https://support.wix.com/zh-hant/article/using-the-accept-payments-tab)」，設定商店的付款方式。  
   * 點擊「[**立即升級**](https://support.wix.com/zh-hant/article/wix-stores-upgrading-your-sites-plan)」以升級網站，並開始接單及收款。

![Studio Two 編輯器中「我的商店」面板的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6583964-8756-4344-ae8a-f24ce7803d0f/2026/11/02/4644d5a4-366a-44dd-a931-02fb3397abf9/s2mystoretab.png)

---

## 步驟 3｜建立類別

建立類別來整理產品。每個類別都會在類別頁面的類別選單中顯示為索引標籤。

### 建立類別：

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. 點擊**網站結構**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/8fee07e0-2941-45dd-a732-3a3cc3343a50/afb13012-daf6-4a51-97bf-6ff135bbd545.png)。
3. 點擊「**頁面**」索引標籤。
4. 點擊「**商店頁面**」下方的「**類別頁面**」。
5. 點擊操作列上的「**管理資料**」。
6. 點擊管理介面中「**商店產品**」下方的「**類別**」。
7. 點擊「**新增類別**」。
8. 在「**類別名稱**」欄位輸入類別名稱。
9. 點擊「**新增產品**」，然後選擇要加入的產品。
10. 點擊「**儲存**」。

> **後續操作** 在頁面上預覽類別，然後自訂類別選單、篩選條件和產品格線的樣式。
>
> [深入了解如何自訂作坊二類別頁面。](https://support.wix.com/zh-hant/article/wix-stores-customizing-the-studio-two-product-page-2)

---

## 常見問題

點擊下方問題，深入了解如何新增及設定作坊二類別頁面。

**如何預覽其他類別？**

使用頁面上方預覽工具列中的類別切換器。頁面版面配置會維持不變，只有產品會變更。

**頁面一次會顯示多少項產品？**

頁面預設顯示 20 項產品。若要變更數量，請點擊操作列上的「**資料設定**」圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6583964-8756-4344-ae8a-f24ce7803d0f/2026/11/13/b94fb9a6-e252-4da0-9e42-0a4e0389ee08/image.png)，再調整「**每頁產品數量**」滑桿。

**可以在其他頁面使用重複器顯示產品嗎？**

可以。請先將重複器的區段連結至 Wix Stores 類別，再將重複器連結至該類別的「**產品清單**」，並將其中各元件連結至要顯示的產品詳細資訊。深入了解如何[新增及設定重複器](https://support.wix.com/zh-hant/article/studio-two-editor-adding-and-setting-up-repeaters)。

**自訂類別頁面前，需要先建立類別嗎？**

不需要。Wix Stores 會新增「**所有產品**」類別和範例產品，方便立即預覽頁面。

**作坊 Two 中的資料來源是什麼？**

資料來源可將一般編輯器元件連結至特定應用程式的資料，例如此處的 Wix Stores。新的商店頁面已預先連結部分元件，也可自行連結其他元件。

[深入了解資料來源。](https://support.wix.com/zh-hant/article/studio-two-editor-about-data-sources)