# Swing2App Page - Category List

![](https://support.swing2app.com/wp-content/uploads/2021/03/ship1.png)

**How to use the category list**

We will inform you how to apply the **‘Category List’** among the pages provided by Swing Shop to the app.

**The category list is a list screen that shows the product categories registered in Swing Shop.**

**Tapping a category item → moves to the product list page registered in the category.**

<mark style="color:orange;">**Category list app execution screen**</mark>

![](https://support.swing2app.com/wp-content/uploads/2021/03/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%EB%A6%AC%EC%8A%A4%ED%8A%B8%EA%B8%80%EB%A1%9C%EB%B2%8C.png)

Please apply the category list only for real and digital products.

Reservation products do not go to the product purchase page even if the category list is applied.

(For reservation products, a calendar appears and you must make a reservation first.)

### <mark style="color:blue;">**STEP.1 Applying the product search menu to the app**</mark>

Maker(V2) Page → Move to Step 3 Page Menu

![](https://support.swing2app.com/wp-content/uploads/2021/03/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%EB%A6%AC%EC%8A%A4%ED%8A%B82%EA%B8%80%EB%A1%9C%EB%B2%8C.png)

1. 1. Select Home screen and click **Add a Category.** A new menu item will appear.
   2. Select the new menu item and change the name in **Menu Name.**
   3. Select **Swing2App Page.**
   4. Click on the **Link Wizard** icon. The **Link Wizard** pop-up window will open.
   5. Select a <mark style="color:blue;">**Category List**</mark> from the list. Click on **Reflect.**
   6. Click on **Apply.**
   7. Click on **Save.**

<mark style="color:red;">**\*Precautions**</mark>

<mark style="color:red;">The category list page is a page that shows the categories registered in Swing Shop and the products registered in the category.</mark>

If there are no registered categories and products, no categories will be visible even if you apply the category list, right?

Therefore, please register the product after completing the product category registration in Swing Shop.

[**☞** **\*Product category registration management usage manual**](https://documentation.swing2app.com/manual/swingshop/productcategory-registration)

Then, apply the category list page to the app.

### <mark style="color:blue;">**STEP. 2 Category list page App execution screen**</mark>

![](https://support.swing2app.com/wp-content/uploads/2021/03/%EB%85%B9%ED%99%94_2021_03_12_15_42_16_705.gif)

This is the app execution screen with the category list page applied.

All registered category items are displayed.

When you tap a category item, the list of products registered in the category is displayed.

<mark style="color:purple;">ex) When selecting the TOP category → Check the list of blouse, knit, and tee products</mark>

<mark style="color:orange;">**Q. Can I change the order of categories displayed on the list? How do I set it up?**</mark>

The order of the category list can be set in \[Product Category Registration Management] priority.

![](https://support.swing2app.com/wp-content/uploads/2021/03/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%EB%A6%AC%EC%8A%A4%ED%8A%B83%EA%B8%80%EB%A1%9C%EB%B2%8C.png)

[<mark style="color:blue;">https://www.swing2app.com/view/store\_product\_category</mark>](https://www.swing2app.com/view/store_product_category) (Manager → Shop→ Product → Product Category registration management)

This is the category registration management screen.

Priorities are listed here.

**When you select a category, the management window appears. Enter a value in the priority field and save it.**

<mark style="color:red;">\*The smaller the number of priority, the first is placed, and the larger the number, the latter is placed.</mark>

So, if you want to change the order, please come to the screen and change the priority value.

The app is automatically reflected, so if you close the app and run it again, you can check it in the changed order^^