# 품목 디스플레이(품목위젯)

> ### 품목위젯 사용예시

<table border="1" id="bkmrk-new-%EC%8B%A0%EC%83%81%ED%92%88-best-%EC%9D%B8%EA%B8%B0%EC%83%81%ED%92%88-re" style="border-collapse: collapse; width: 100.028%; height: 149.392px;"><colgroup><col style="width: 49.8718%;"></col><col style="width: 49.8718%;"></col></colgroup><tbody><tr style="height: 29.8785px;"><td style="height: 29.8785px;">new</td><td style="height: 29.8785px;">신상품</td></tr><tr style="height: 29.8785px;"><td style="height: 29.8785px;">best</td><td style="height: 29.8785px;">인기상품</td></tr><tr style="height: 29.8785px;"><td style="height: 29.8785px;">recommended</td><td style="height: 29.8785px;">추천상품</td></tr><tr style="height: 29.8785px;"><td style="height: 29.8785px;">event</td><td style="height: 29.8785px;">이벤트상품</td></tr><tr style="height: 29.8785px;"><td style="height: 29.8785px;">기타</td><td style="height: 29.8785px;">커스터마이징(기획상품 등등)</td></tr></tbody></table>

<div id="bkmrk-">[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/3kSimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/3kSimage.png)</div>[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/Lpuimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/Lpuimage.png)

---

> ###  3. 품목위젯 등록하기

 (1). 우측 상단의 저장버튼 좌측 녹색폴더 버튼을 클릭합니다.

[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/WJIimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/WJIimage.png)

---

(2). 품목분류조회 모달창에서 등록학 품목위젯번호를 클릭합니다. new를 예제로 진행하겠습니다.

[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/1tmimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/1tmimage.png)

---

(3). 품목분류 이름을 작성합니다. 관리자가 인식하기 쉬운 이름으로 네이밍합니다.

[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/51Eimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/51Eimage.png)

(4). 위젯추가 버튼을 클릭하면 하단에 품목을 입력할 수 있는 칸이 생깁니다.

---

(5). 품목코드 입력창에 마우스 커서를 클릭하고 키보드의 enter 키를 누릅니다.

[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/wkgimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/wkgimage.png)

---

(6). 등록된 품목리스트 중 품목위젯에 등록할 아이템을 선택합니다.

[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/XdAimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/XdAimage.png)

---

(7). 우측에 저장버튼을 눌러 저장합니다.

[![image.png](https://manual.dabory.com/uploads/images/gallery/2024-08/scaled-1680-/kZPimage.png)](https://manual.dabory.com/uploads/images/gallery/2024-08/kZPimage.png)