> For the complete documentation index, see [llms.txt](https://docs.ohmyapp.io/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ohmyapp.io/main/class/puppy-app/6/6-2.md).

# 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