# 스윙페이지-카테고리 리스트

카테고리 리스트는 **스윙샵에 등록된 상품 카테고리를 보여주는 리스트 화면이구요.** 

**카테고리 항목을 탭하면 → 해당 카테고리에 등록된 상품 목록 페이지로 이동합니다.** 

***

<img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fh1ZOTm1LwERIq6PeR1y1%2Fimage.png?alt=media&#x26;token=00c8e16f-2bf6-4a04-9700-818ee06e1574" alt="" data-size="line"> <mark style="color:blue;">**카테고리 리스트 앱 실행화면**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC1.png" alt=""></div>

카테고리 리스트는 실물상품, 디지털 상품시에만 적용해주세요.

예약상품은 카테고리 리스트를 적용해도 상품 구매페이지로 이동하지 않습니다.&#x20;

(예약상품은 캘린더가 뜨고 예약을 먼저 해야 합니다.)

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP1. 앱에 상품 카테고리 리스트 적용하기**&#x20;

#### **-앱제작 V3 버전 이용시 적용방법**

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FQrIAau9IUDJsbxrrVp3P%2F%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%EB%A6%AC%EC%8A%A4%ED%8A%B8.png?alt=media&#x26;token=acb2871a-d9aa-46ba-b55c-dcbdf989a1bb" alt=""><figcaption></figcaption></figure>

1\)앱제작 - STEP3 페이지 선택

2\)메뉴 선택 – 새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\)메뉴 이름 입력

4\)페이지 디자인에서 \[쇼핑몰 기능] 선택

5\)\[페이지]를 선택해주세요.&#x20;

6\)카테고리 리스트 확인 후, \[적용하기] 버튼을 선택해주세요.&#x20;

(페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

7\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.

#### **-앱제작 V2버전 이용시 적용방법**

![](https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%EB%A6%AC%EC%8A%A4%ED%8A%B8.png)

**앱제작  → 페이지메뉴 단계로 이동합니다.**

1\. \[카테고리 추가] 버튼을 눌러서 메뉴를 추가해주세요.&#x20;

2\. 메뉴명: 메뉴 이름을 입력합니다.

3\. 스윙페이지 메뉴 선택한 뒤

4\. \[링크마법사] 버튼을 선택합니다.

5\. 링크마법사 창에서 <mark style="color:blue;">**\[카테고리 리스트]**</mark> 메뉴 선택, \[반영]버튼 선택

6\. \[적용] 버튼 선택

7\. \[저장] 버튼 누르면 앱에 반영됩니다.

***

<mark style="color:red;">**\*주의사항**</mark>&#x20;

카테고리 리스트 페이지는 <mark style="color:red;">스윙샵에 등록한 카테고리와 카테고리에 등록된 상품이 보여지는 페이지에요.</mark>&#x20;

등록된 카테고리와 상품이 없다면 카테고리 리스트를 적용해도 아무 카테고리가 보이지 않겠죠?

따라서 스윙샵에서 상품 카테고리 등록을 완료한 뒤 상품도 등록을 해주시구요.&#x20;

&#x20;**☞** [**\*상품카테고리 등록관리 이용방법 매뉴얼**](https://documentation.swing2app.co.kr/shop/swingshop/broken-reference)

그 다음 카테고리 리스트 페이지를 앱에 적용해주시기 바랍니다.&#x20;

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP2. 카테고리 리스트 페이지 앱 실행화면**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EB%85%B9%ED%99%94_2021_02_26_16_46_56_168.gif" alt=""></div>

카테고리 리스트 페이지가 적용된 앱 실행화면입니다.&#x20;

등록된 카테고리 항목이 모두 보여지구요.

카테고리 항목을 탭하면 해당 카테고리에 등록된 상품 목록 화면이 보여집니다.

ex) TOP 카테고리 선택시 → 블라우스, 니트, 티 상품 목록 확인

<mark style="color:blue;">**Q. 리스트에 보여지는 카테고리 순서는 변경할 수 있나요?  어떻게 설정하나요?**</mark>

카테고리 리스트 순서는  \[상품 카테고리 등록관리] 우선순위에서 설정할 수 있습니다.&#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC-%EC%9A%B0%EC%84%A0%EC%88%9C%EC%9C%84.png)

[<mark style="color:blue;">**\[**</mark>**앱운영→스윙샵→상품관리→상품카테고리등록관리\]**](https://www.swing2app.co.kr/view/store_product_category)

카테고리 등록관리 화면이구요.&#x20;

여기에 **우선순위**가 기재되어 있습니다.

카테고리를 선택하면 관리 창이 뜨구요. **우선순위 항목에 값을 입력한 뒤 저장해주세요.**

<mark style="color:red;">\*우선순위의 숫자가 작을 수록 먼저 배치가 되고 숫자가 클수록 뒤에 배치됩니다.</mark>&#x20;

따라서 순서를 변경하고 싶다면 해당 화면으로 들어오셔서 우선순위 값을 변경해주세요.

앱은 자동반영되오니, 앱 종료 하시고 재실행하시면 변경된 순서로 확인 가능합니다 ^^


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.swing2app.co.kr/shop/swingshop/category-list.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.