# Page Design - Product Category

**How to use the product category**

It is a menu that is only available to those who use the swing shop (eStore), and it is a page where all the products registered in a particular category are shown.

Please see how to apply the product category to the app and the app launch screen with the page applied.

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EB%8B%A8%EB%9D%BD1-1.png) **1.** Apply product categories to your app

The product category page is available in the app creation STEP3 page step - eStore function.

![](/files/DSBY4NiQVTYVFf1qUtmI)

1\)Go to the STEP3 Page Selection

2\)Select Menu or Create a new menu. Click on the \[+] button to add a new menu.

3\) The menu name does not need to be changed.

\*Since the category name appears to be the menu name, even if you enter a name, it will not be reflected in the app menu name.

4\) Select \[eStore] feature from the page design option.

5\) Please select the \[Product Category] option.

\*Categories must be created in advance when registering for Swing Shop products. If there is no product category, it will not be applicable.

6\) Find the category you want to apply and select the \[Apply] button. (Hover the mouse cursor over the page and the Apply button opens)

7\) Press the \[Save] button at the top of the screen to apply it to the app.

{% hint style="info" %}
\*If you select the Preview button, you can check how the page will look with a web preview (virtual machine).

\*After applying a page, you can also check how the page is applied to the app through a virtual machine.

\*Menu icon during the production phase, menu settings are not required.

In the manual, we proceeded without any input, and please apply additional if necessary when creating the app.
{% endhint %}

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EB%8B%A8%EB%9D%BD1-1.png) \*\*2.\*\*Where can I register a product category?

![](/files/qRioGWX5Ub567jMxEmDI)

**After applying for the swing shop,**

App Manager page → Go to \[Shop] option - Click on \[Products] option → You can register the product category in the product category option.

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2022/07/%EB%8B%A8%EB%9D%BD1-1.png) **3.** App launch screen) Product category application screen

![](/files/6NP6poAl7WnhT2hGrA68)

This is the screen where the 'Product Category' menu is applied to the app.

A product category shows all the products registered in that category.

{% hint style="danger" %} <mark style="color:red;">**Precautions for using product categories**</mark>

When applying a product category to a menu **– it is only available in the physical and digital product categories.**

Since the calendar (screen where you can select the reservation date) screen appears first, the product screen does not appear when you apply the product category.

Please refer to the use!
{% endhint %}

**Related Articles**

* [페이지 기능 – 쇼핑몰 기능 페이지](https://wp.swing2app.co.kr/documentation/v3manual/step3-page/swingshop-page/)
* [회원가입 양식 – 가입 항목 추가하기](https://wp.swing2app.co.kr/documentation/appmanage/service/set-membershipform/)
* [상품수정-등록한 상품 수정하기](https://wp.swing2app.co.kr/documentation/swingshop/product-edit/)
* [페이지 기능 – HTML에디터 페이지](https://wp.swing2app.co.kr/documentation/v3manual/step3-page/editorpage/)
* [페이지 기능 – 이미지 페이지](https://wp.swing2app.co.kr/documentation/v3manual/step3-page/imagepage/)
* [페이지 기능 – 업종별 템플릿](https://wp.swing2app.co.kr/documentation/v3manual/step3-page/template-page/)


---

# 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.com/manual/v3/step3-page/page-feature-product-category.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.
