대표 이미지

대표 이미지는 사이트의 대부분 영역에서 제품을 대표하므로 고객에게 가장 먼저 보여주고 싶은 이미지를 사용하세요. 이 이미지는 다음 위치에 표시됩니다.

• 스토어 페이지
• 제품 블록
• 요약 블록
• 제품 상세 정보 페이지

기본적으로 제품 에디터에 나열된 첫 번째 이미지가 대표 이미지가 됩니다. 다른 대표 이미지를 설정하려면 이미지 위에 커서를 올린 다음 섬네일로 설정을 클릭하세요. 또는 ••• 를 클릭하여 대표 이미지를 변경하세요.

Additional images

추가 이미지는 고객에게 제품의 다양한 모습을 보여줍니다. 상세 컷, 제품을 다양한 각도에서 촬영한 사진, 또는 연출된 사진 등을 추가 이미지로 활용해 보세요.

추가 이미지는 제품 상세 정보 페이지에 나타납니다. 제품 에디터에서 첫 번째 이미지 이후의 모든 이미지는 추가 이미지입니다. 이미지를 클릭하고 드래그하여 순서를 변경하세요.

옵션 이미지

상세 정보 페이지의 추가 이미지 갤러리에 옵션 이미지가 표시됩니다. 옵션 이미지는 각 제품 옵션의 모습을 보여 줍니다. 예를 들어, 다양한 크기나 색상의 제품을 보여줄 때 옵션 이미지를 활용할 수 있습니다. 기본적으로 대표 이미지는 고객이 드롭다운 메뉴에서 옵션을 선택할 때까지 표시됩니다.

옵션 이미지를 추가하거나 변경하려면 다음 단계를 따르세요.

1. 제품 에디터에서 옵션 섹션으로 스크롤한 다음 모두 편집을 클릭합니다. 또는 기본 제품 에디터에서 옵션을 클릭한 다음 이미지 추가를 클릭하여 옵션 이미지를 추가합니다.
2. 옵션 옆에 있는 이미지 업로드 아이콘을 클릭합니다.
3. 이미지를 업로드하려면 +를 클릭하거나 이미 업로드한 이미지를 선택합니다.
4. 적용을 클릭하세요.

7.0 버전에서는 이미지 표시 방식이 템플릿의 스토어 페이지 유형에 따라 달라집니다.

대표 이미지

대표 이미지는 스토어 페이지의 제품 섬네일을 포함하여 사이트 내 대부분의 영역에서 해당 제품을 대표하는 이미지로 사용되므로, 고객이 가장 먼저 보기를 원하는 이미지를 선택하는 것이 좋습니다. 대표 이미지는 다음 위치에 표시됩니다.

• 클래식 또는 유니크 스토어 페이지
• 제품 상세 정보 페이지에서 첫 번째 이미지로
• 스토어 페이지 패널 또는 제품 패널
• 제품 블록 및 요약 블록

대표 이미지를 설정하려면 제품 에디터에서 이미지 위에 커서를 올리고 섬네일로 설정을 클릭하세요.

제품 에디터의 첫 번째 이미지는 제품 상세 정보 페이지에 표시되는 첫 번째 이미지이며, 대표 이미지와 다른 경우라도 마찬가지입니다.

Additional images

추가 이미지는 고객에게 제품의 다양한 모습을 보여줍니다. 상세 컷, 제품을 다양한 각도에서 촬영한 사진, 또는 연출된 사진 등을 추가 이미지로 활용해 보세요. 추가 이미지는 다음 위치에 표시됩니다.

• 제품 상세 정보 페이지
• 커서를 올리면 두 번째 이미지가 표시됩니다(고급 스토어 페이지 전용).

첫 번째 이미지 이후의 모든 이미지는 추가 이미지입니다. 이미지를 클릭하고 드래그하여 순서를 변경하세요.

옵션 이미지

제품 상세 정보 페이지의 추가 이미지 갤러리에는 각 제품 옵션의 모습을 보여주는 옵션 이미지가 표시됩니다. 예를 들어, 다양한 크기나 색상의 제품을 보여줄 때 옵션 이미지를 활용할 수 있습니다. 기본적으로, 고객이 드롭다운 메뉴에서 옵션을 선택할 때까지 제품 대표 이미지가 표시됩니다.

옵션 이미지를 변경하는 방법:

1. 제품 에디터에서 재고로 스크롤합니다.
2. 옵션에서 모두 편집을 클릭합니다.
3. 옵션 옆에 있는 업로드 버튼을 클릭한 다음, 이미지를 선택하거나 업로드합니다.
4. 적용을 클릭하세요.
5. 뒤로를 클릭한 다음 저장을 클릭합니다.

섹션 스타일과 사이트 스타일 패널의 제품 아이템 조정을 사용하여 제품 이미지의 표시 방식을 사용자 정의하세요.

제품 섹션 스타일 설정

스토어 섹션에서 제품 대표 이미지가 표시되는 방식을 변경하려면 섹션 위에 커서를 올리고 연필 아이콘을 클릭하세요.

간격, 열, 종횡비 및 텍스트 정렬을 변경할 수 있습니다. 제품 가격을 표시하거나 숨길 수도 있습니다. 색상을 변경하려면 색상을 클릭하세요.

팁: 제품 이미지가 잘린 것처럼 보이는 경우, 일반적인 자르기 문제 해결하기를 확인하세요.

제품 상세 정보 페이지 스타일 설정

제품 상세 정보 페이지에서 제품이 표시되는 방식을 변경하는 방법:

1. 페이지를 편집하고 디자인 편집을 클릭합니다.
2. 섹션 스타일을 열고 레이아웃 드롭다운 메뉴를 클릭합니다.
3. 레이아웃을 선택합니다.
4. 저장을 클릭하여 변경 사항을 저장하고 계속 편집하거나, 종료를 클릭한 다음 저장을 클릭하여 에디터를 닫습니다.

이미지 종횡비, 텍스트 정렬, 제품 갤러리 디자인과 같은 요소의 스타일을 설정할 수 있습니다. 자른 이미지를 추가한 후 초점을 사용하여 초점을 변경할 수도 있습니다.

일관성 있는 디자인을 위해 이러한 스타일 변경 사항은 스토어의 모든 제품에 적용됩니다. 특정 제품에 한하여 해당 설정을 수정할 수는 없습니다.

사이트 스타일 패널을 사용하여 제품 이미지가 표시되는 방식을 사용자 지정하세요. 사용 가능한 레이아웃 및 스타일 옵션은 템플릿 그룹의 스토어 페이지 유형에 따라 달라집니다.

클래식 스토어 페이지의 제품 이미지 조정

다음은 클래식 스토어 페이지에 대한 이미지별 조정 사항입니다.

• 스토어 페이지: 제품 아이템 크기, 제품 이미지 자동 자르기, 제품 배경색 조정을 사용하여 제품 이미지가 스토어 페이지에 표시되는 방식의 스타일을 설정합니다.
• 아이템 페이지: 제품 갤러리 크기 및 제품 갤러리 자동 자르기 조정을 사용하여 상세 정보 페이지의 이미지 크기 및 자르기를 설정합니다.

고급 스토어 페이지의 제품 이미지 조정

고급 스토어 페이지에 대한 이미지별 조정 사항은 다음과 같습니다.

• 스토어 페이지: 제품: 레이아웃 섹션의 이미지 종횡비 조정을 사용하여 스토어 페이지에서 이미지의 모양을 설정합니다. 이미지가 모양에 맞게 자동으로 잘립니다.
• 아이템 페이지: 제품: 갤러리 섹션의 디자인, 종횡비, 섬네일 정렬, 섬네일 너비와 같은 조정 사항을 사용하여 상세 정보 페이지의 이미지 스타일을 설정합니다.

고유 스토어 페이지의 제품 이미지 조정

이 템플릿에서 제품 이미지 스타일을 지정하는 데 도움이 필요한 경우 해당 템플릿 가이드를 방문하세요.

• Galapagos
• 공급