# 상품 상세 페이지에서 관련 상품 추천하기

스토어 운영자는 이제 상품 상세 페이지에서 관련 상품을 추천할 수 있습니다. 많은 스토어 운영자들이 고객이 특정 상품 페이지에 방문했을 때 추천 상품이나 관련 상품을 보여주고 싶어했습니다. 고객에게 연관성 있는 상품을 추천함으로써 스토어 내 다른 상품들의 전반적인 노출도를 향상시킬 수 있습니다.

## **사용 방법**

* 페이지 빌더에서 스토어의 상품 상세 페이지로 이동한 후, **관련 상품 표시** 토글을 활성화하세요. 다음 속성들을 커스터마이징할 수 있습니다:

표시할 상품 수 (기본값: 6개)

* 데스크톱과 모바일에서 상품별 컬럼 수 (기본값: 데스크톱 3개, 모바일 2개)
* 관련 상품 섹션의 제목 (기본값: "이런 상품도 좋아하실 거예요")
* 페이지를 저장하고 발행하세요

### **참고사항:**

* 동일한 컬렉션에 포함된 상품들이 해당 특정 상품의 상품 상세 페이지에서 관련 상품으로 표시됩니다. 예를 들어:
* "iPhone 15"라는 상품이 "Apple"과 "Summer Sale" 컬렉션에 추가되어 있다면
* "Apple"과 "Summer Sale" 컬렉션에 추가된 모든 상품들이 표시됩니다
* 먼저 "Apple" 컬렉션의 모든 상품들이 표시되고, 그 다음 "Summer Sale"의 상품들이 표시됩니다. 단, 사용자가 설정한 관련 상품 표시 한도 내에서만 표시되며, 최대 10개로 제한됩니다
* 상품 목록 페이지의 이미지들은 이제 1:1 비율로 제한되며, 모든 상품과 이미지에서 일관성 있는 UI를 유지하기 위해 해당 크기에 맞춰 조정됩니다.

![관련 상품 설정 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155029443791/original/30FWTo3Skh0DthH14M2auc8RLVbCWjleeA.jpeg?1721251057)

![관련 상품 표시 예시](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155029443793/original/nj01eqJwJWINF08NdnLwY2eVaHo97zIEdA.jpeg?1721251057)

![상품 상세 페이지 관련 상품 섹션](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155029443792/original/UX-EZh5CpcqwSjyZDbGQRr0P6yi0STVi9Q.jpeg?1721251057)

***

*원문 최종 수정: Wed, 17 Jul, 2024 at 4:21 PM* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# 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://hyperclass.gitbook.io/hyperclass-docs/e-commerce/how-to-suggest-related-product-s-in-your-product-details-page.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.