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

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

***

### 상품 목록 페이지

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

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

***

### 상품 상세 페이지

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

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

***

### 검색결과 페이지

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

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

***

### 작업 시 주의 사항

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://devcenter-help.nhn-commerce.com/design_editor/part3_guide/product.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.