관련 제품 섹션 추가

Shopify Search & Discovery 앱을 사용하면 자동 생성되거나 수동으로 설정한 관련 제품 목록이 표시되는 섹션을 제품 페이지에 추가할 수 있습니다. 앱으로 관련 제품을 사용자 지정하는 방법을 알아보십시오.

관련 제품을 표시하면 고객이 새로운 제품을 더 쉽게 찾을 수 있고 온라인 스토어 매출을 늘리는 데 도움이 됩니다.

관련 제품 섹션의 제목과 레이아웃은 테마에 따라 결정됩니다.

이 페이지의 정보

관련 제품 모양 사용자 지정

관련 제품은 Online Store 2.0 테마의 제품 페이지에 속한 섹션입니다. Online Store 2.0과 호환되지 않는 테마를 사용하는 경우 테마를 업그레이드해야 합니다. 관련 제품 모양에 제목, 가격, 공급업체, 짧은 설명을 포함하도록 사용자 지정하거나 제품 페이지에서 숨길 수도 있습니다. 제품 페이지에서 관련 제품 섹션은 한 번에 하나만 사용할 수 있습니다.

단계:

데스크톱

Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 클릭합니다.
제품 > 기본 제품을 선택하여 테마 편집기에 템플릿을 로드합니다.
다음 중 하나를 수행합니다.
- 제품 페이지에 관련 제품 섹션이 있는 경우 관련 제품을 클릭합니다.
- 제품 페이지에 관련 제품 섹션이 없는 경우 + 섹션 추가를 클릭한 다음 관련 제품을 선택합니다.
저장을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
템플릿을 탭합니다.
제품 > 기본 제품을 선택하여 테마 편집기에 템플릿을 로드합니다.
다음 중 하나를 수행합니다.
- 제품 페이지에 관련 제품 섹션이 있는 경우 관련 제품을 클릭합니다.
- 제품 페이지에 관련 제품 섹션이 없는 경우 + 섹션 추가를 클릭한 다음 관련 제품을 선택합니다.
저장을 클릭합니다.

Android

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정을 탭합니다.
템플릿을 탭합니다.
제품 > 기본 제품을 선택하여 테마 편집기에 템플릿을 로드합니다.
다음 중 하나를 수행합니다.
- 제품 페이지에 관련 제품 섹션이 있는 경우 관련 제품을 클릭합니다.
- 제품 페이지에 관련 제품 섹션이 없는 경우 + 섹션 추가를 클릭한 다음 관련 제품을 선택합니다.
저장을 클릭합니다.

눈 기호를 클릭하여 관련 제품을 비활성화할 수 있습니다. 관련 제품을 비활성화하면 제품 목록에서 섹션이 숨겨지지만 삭제되는 것은 아닙니다.

관련 제품 설정

관련 제품이 고객에게 표시되는 방식을 사용자 지정할 수 있습니다. 관련 제품은 일반적으로 함께 구매되는 제품, 제품 설명이 비슷한 제품, 관련 컬렉션에 포함된 제품에 따라 자동으로 생성되며, 시간이 흐르면서 주문 및 제품 정보가 축적됨에 따라 더 정확해집니다.

관련 제품 섹션 설정
설정	설명
제목	섹션 제목입니다.
색상 배합	관련 제품 섹션의 배경색입니다. 강조 1, 강조 2, 배경 1, 배경 2 또는 서로 바꾸기 중에서 선택할 수 있습니다.
이미지 비율	권장 제품의 이미지에 대한 이미지 비율: 이미지에 맞춤(기본값) - 이미지의 가로 세로 비율을 사용합니다. 이렇게 하면 이미지가 잘리는 것을 방지합니다. 세로형 - 2:3 비율을 사용하도록 이미지를 자릅니다. 정사각형 - 1:1 비율을 사용하도록 이미지를 자릅니다.
이미지 모양	제품 이미지에 대해 다음 이미지 모양 중 하나를 선택합니다. 기본 - 제품 이미지를 직사각형 모양으로 변경합니다. 아치 - 제품 이미지 위쪽을 곡선으로 만듭니다. 블롭 - 제품 이미지를 마우스를 올릴 때 고유한 애니메이션이 있는 6개의 무작위 블롭 모양 중 하나로 둥글게 만듭니다. 왼쪽 방향 표시 - 제품 이미지를 왼쪽으로 급격하게 휘어진 갈매기 모양으로 변경합니다. 오른쪽 방향 표시 - 제품 이미지를 오른쪽으로 급격하게 휘어진 갈매기 모양으로 변경합니다. 다이아몬드 - 제품 이미지를 4면 다이아몬드 모양으로 변경합니다. 평행사변형 - 제품 이미지를 두 쌍의 평행선이 있는 모양으로 변경합니다. 원형 - 제품 이미지를 마우스를 올릴 때 고유한 애니메이션이 있는 원이나 타원 모양으로 둥글게 만듭니다.
마우스를 올리면 보조 배경 표시	고객이 커서를 제품 이미지 위에 올리면 두 번째 제품 이미지가 표시됩니다(제품에 포함된 경우).
공급업체 표시	제품의 공급업체를 표시합니다.
제품 평점 표시	별점으로 평균 제품 평점을 표시하고 괄호 안에 리뷰 수(예: ★★★★★(8))를 나타냅니다. 제품 리뷰 앱과 `리뷰.평점_수`에 대한 메타 필드 정의가 필요합니다. `리뷰.평점`에 대한 정의도 있어야 합니다.
섹션 패딩	관련 제품 섹션의 위쪽이나 아래쪽에 간격을 추가합니다. 범위 슬라이더를 사용하여 섹션의 위 또는 아래에 0px ~ 100px의 간격을 추가할 수 있습니다.