6-1 목록 화면 만들기

목록 화면 만들기에서는 위 사진과 같이 판매 금액과 상품 카테고리를 추가하고 글 내용을 삭제할 거예요.

앱 목록 화면에 판매 금액과 상품 카테고리를 나타나게 하려면 앱 설정에서 블록을 추가해야 해요.

관리자 웹 > 앱 설정 > 중고거래 메뉴 > 목록 화면 > 화면 구성 항목에 금액 블록을 추가하고 항목 ID에 sellingprice, 항목명에 판매 가격을 입력해 주세요.

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

변수 텍스트의 블록 설정에 텍스트를 입력하면 해당 텍스트를 출력할 수 있어요.

텍스트에 '상품 카테고리'를 입력하면 앱 목록 화면에 '상품 카테고리' 텍스트가 앱 화면에 그대로 나타나요.

블록 설정 텍스트에 ${productcategory}를 입력해 주세요.

${항목명}과 같이 입력하면 항목에 해당하는 데이터가 앱 목록 화면에 보여요.

작성자가 중고거래 글을 입력할 때 선택했던 상품 카테고리가 목록 화면에 보일 거예요.

내용 블록은 삭제해 주세요.

앱 설정에서 블록은 기본적으로 세로 배치돼요.

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

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

#앱 설정, #목록 화면, #금액 블록, #변수 텍스트, #${항목명}, #항목 ID, #항목명

2023 07 24 ruru

6-1. Creating a Listed Page

In the listed page, we will add the sales amount and product category while also deleting the text as shown above. To have the sales amount and product category appear on the app's listed page, you need to add buildingblocks in App Settings.

Go to Web Admin > Developer Mode > App Settings > Marketspace Menu > Listed Page > Add Value buildingblock to the screen composition item. Set sellingprice as the item ID and selling price as the item name.

If you enter text in the buildingblock settings of the variable text block, this text becomes your output. For example, if you enter "product category" in the text, the corresponding product category will match the specific item and is showased on the app page.

Enter ${productcategory} in the text buildingblock settings. If you enter ${itemtitle}, the data that corresponds to the item will be displayed on the app's listed page.

The product category that the author selected when entering their product on the marketplace will be displayed on the listed page.

Delete the content buildingblock. In the app settings, blocks are placed vertically by default. Drag and drop the order of screen composition items. Product category > Title > Sales Price > Image > ... and save the changes.

If you refresh the app, you can see that it appears on the listed app page in the buildingblock's order.

2023.08.21 Hwaran