# 6-2 상세 화면 만들기

<div align="left"><figure><img src="/files/udm1m6ElUGx9uaKfHQBn" alt="" width="563"><figcaption></figcaption></figure></div>

상세 화면 만들기에서는 위 사진과 같이 판매 금액과 상품 카테고리를 추가할 거예요.

관리자 웹 > 앱 설정 > 중고거래 메뉴 > 상세 화면 > 화면 구성 항목에 금액 블록을 추가하고 [항목 ID](/main/guide/dictionary/item-id.md)에 sellingprice, [항목명](/main/guide/dictionary/item-name.md)에 판매 가격을 입력해 주세요.

관리자 웹 > 앱 설정 > 중고거래 메뉴 > 상세 화면 > 화면 구성 항목에 변수 텍스트를 추가하고 항목 ID에 productcategory, 항목명에 상품 카테고리를 입력해 주세요. 블록 설정 텍스트에 ${productcategory}를 입력해 주세요.

드래그앤드롭으로 화면 구성 항목의 순서를 상품 카테고리 > 제목 > 판매 가격 > grid > … 으로 변경하고 변경사항을 저장해 주세요.

앱을 새로고침 하면 블록 순서대로 앱 상세 화면에 나타난 걸 확인할 수 있어요.

> \#앱 설정, #상세 화면, #금액 레고, #변수 텍스트, #항목 ID, #항목명

2023 07 24 ruru<br>

## 6-2. Creating a Detailed Page

In the detailed page, we will add the sales amount and product category as shown above.

Go to Web Admin > Developer Mode > App Settings > Marketplace > Detailed Page > Add value buildingblock to the screen configuration items. Set the name as "sellingprice" in item ID and "selling price" in the item title.&#x20;

Go to Web Admin > Developer Mode > App Settings > Marketplace > Detailed Page > Add variable text to the screen configuration items. Enter ${productcategory} in the text block settings.

Drag and drop the screen configuration items in the following order: Product Category > Title > Sales Price > Grid > ... and save the changes.

After refreshing the app, you will see that the buildingblocks appear on the app detailed page in that order.

2023.08.21 Hwaran


---

# 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://docs.ohmyapp.io/main/class/puppy-app/6/6-2.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.