> For the complete documentation index, see [llms.txt](https://devcenter-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://devcenter-help.nhn-commerce.com/design_editor/part3_guide/product.md).

# 상품 목록 / 상품 상세 / 검색결과

이 페이지에서는 **상품 목록, 상품 상세, 검색결과 페이지에서의 HTML 위젯 활용 예시**를 안내합니다. 고객이 상품을 탐색하고 발견하는 흐름에서 브랜드 경험을 강화하는 방법을 확인해 보세요.

***

### 상품 목록 페이지

고객이 카테고리를 탐색하는 단계입니다. 상단과 하단에 HTML 위젯을 배치하여 카테고리 특성과 브랜드 메시지를 전달하세요.

| 위치     | HTML 위젯 활용 예시                      |
| ------ | ---------------------------------- |
| **상단** | 카테고리 소개 배너, 시즌 프로모션 안내, 필터 안내      |
| **하단** | 브랜드 스토리 띠 배너, 관련 카테고리 바로가기, 기획전 연결 |

***

### 상품 상세 페이지

고객이 구매를 결정하는 핵심 단계입니다. 상품 정보를 보완하고 전환을 유도하는 위젯을 배치하세요.

| 위치     | HTML 위젯 활용 예시                  |
| ------ | ------------------------------ |
| **상단** | 브랜드 아이덴티티 배너, 상품 주요 특징 요약      |
| **하단** | 관련 상품 추천, 브랜드 보증 안내, 사용 후기 CTA |

***

### 검색결과 페이지

고객이 원하는 상품을 찾는 단계입니다. 검색 결과를 보완하고 이탈을 방지하는 위젯을 배치하세요.

| 위치     | HTML 위젯 활용 예시                      |
| ------ | ---------------------------------- |
| **상단** | 검색 결과 안내 배너, 카테고리 추천 바로가기          |
| **하단** | 검색 결과 없을 때 대체 추천 상품 영역, 인기 상품 바로가기 |

***

### 작업 시 주의 사항

> 상품 목록, 상품 상세, 검색결과 페이지의 시스템 필수 섹션은 현재 삭제·숨김이 불가합니다. HTML 위젯은 해당 섹션의 위아래에 배치하는 방식으로 작업하세요.