사이트에 제품을 표시하는 다양한 방법을 비교합니다.

스토어 페이지와 제품 블록을 사용하면 사이트에 제품을 표시할 수 있습니다. 스토어 페이지는 제품을 추가하고 스토어 레이아웃을 구성하는 주요 방법입니다. 제품 블록은 블로그 게시물 및 레이아웃 페이지와 같은 영역에 기존 스토어 페이지의 개별 제품을 표시합니다. 어느 옵션에서든 제품을 클릭하면 더 많은 정보, 치수, 이미지, 옵션이 포함된 제품 상세 정보 페이지가 열립니다.

스토어 페이지와 제품 블록의 차이점을 궁금해하시는 분이 많습니다. 이 가이드는 사이트에 두 가지 중 하나를 추가할 때 주요 차이점, 모범 사례 및 고려 사항을 다룹니다.

스토어 페이지

스토어에 제품을 추가하고 편집하려면 스토어 페이지를 사용하세요. 스토어 페이지는 여러 항목을 일관된 레이아웃으로 표시합니다. 스토어 페이지의 레이아웃은 템플릿에 따라 달라지며, 일반적으로 카테고리 탐색, 커서 올리기 효과, 제품의 아이템 페이지에서 메인 스토어 페이지로의 자동 탐색 옵션이 포함됩니다.

여러 개의 스토어 페이지와 태그 및 카테고리를 추가하여 다양한 컬렉션으로 제품을 구성 할 수 있습니다. 사이트 스타일 패널에서 스토어 페이지를 사용자 정의할 수도 있습니다. 

다음은 Supply 템플릿의 스토어 페이지 예시입니다.

아무 제품이나 클릭하여 제품 상세 정보 페이지를 보세요. 여기에는 추가 정보, 옵션 드롭다운 메뉴, 장바구니에 담기 버튼 등이 포함될 수 있습니다.

제품 블록

기존 제품을 페이지, 블로그 게시물 또는 다른 콘텐츠 영역에 표시하려면 제품 블록을 사용하세요. 각 제품 블록은 하나의 제품을 표시합니다. 제품 블록은 사이트 전반에 걸쳐 특별한 상품, 신상품 또는 할인 상품을 홍보하는 데 이상적입니다.

제품 블록을 사용하여 새 제품을 생성할 수는 없습니다. 제품 블록은 스토어 페이지에 추가된 기존 제품에서 정보를 가져옵니다. 그러므로 제품 블록을 사용하려면 먼저 해당 제품을 스토어 페이지에 추가해야 합니다.

제품 블록을 다른 블록과 결합하여 템플릿의 스토어 페이지 디자인을 넘어 사용자 지정 레이아웃을 만들 수 있습니다. 예를 들어, 템플릿에서 사용할 수 없는 레이아웃을 만들려면 페이지에 여러 개의 제품 블록을 사용하고, 해당 블록에서 가져오는 스토어 페이지를 연결 안 함 섹션으로 이동하여 탐색 메뉴에서 숨길 수 있습니다. 

블록에 포함할 세부 정보를 사용자 정의하려면 제품의 이미지, 제목, 설명, 가격, 장바구니 버튼을 표시하거나 숨길 수 있습니다.

다음은 블로그 게시물에 있는 제품 블록의 예입니다.