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

<p class="callout info">\#품목, #품목위젯, #아이템</p>

> 해당 메뉴에서 홈페이지의 best 상품/ 신상품 / 추천상품 등 다양한 상품 카테고리를 구성하여 아이템을
> 
> 메인페이지에 구성할 수 있습니다.

<details id="bkmrk-%EC%8B%A0%EA%B7%9C-%EC%95%84%EC%9D%B4%ED%85%9C%28new%29-%EB%93%B1%EB%A1%9D%ED%95%98%EA%B8%B0%C2%A0"><summary>품목위젯 활용하기</summary>

> ### 1. 품목위젯이란?

기본적으로 활용할 수 있는 다양한 품목위젯이 존재합니다. (사이트별로 다를 수 있습니다.)

<table border="1" 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>

> ### 2. 예시 이미지

<div>[![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)

</details>