제품 빠른 보기, 이미지 확대, 호버 효과, 대기 목록 기능을 활성화하여 쇼핑 경험을 향상시키세요.

모든 Squarespace 사이트는 제품을 진열하고 판매할 수 있는 스토어 페이지를 지원합니다. 일부 사이트는 빠른 보기, 이미지 확대, 호버 효과 등의 추가 기능을 제공하며, 쇼핑객이 제품 이미지 위에 커서를 올리면 이러한 기능이 표시됩니다. 이 가이드는 이러한 기능과 해당 기능을 사용할 수 있는 위치에 대해 설명합니다.

팁: 제품을 돋보이게 하고 판매를 유도할 수 있는 도구와 팁을 소개하는 스토어 매출을 높이는 디자인 팁 웨비나에 등록해 보세요.

버전별 기능

어떤 기능을 사용할 수 있는지는 사이트가 사용 중인 Squarespace 버전에 따라 달라집니다.

버전 7.0에서는 이 옵션들을 Brine, Farro, Galapagos, Skye, Tremont, York 템플릿 그룹에서 사용할 수 있습니다. 모든 템플릿에 대한 정보는 스토어 페이지 유형을 방문하세요.

버전 7.1에서는 Simple 레이아웃을 사용하는 제품 상세 정보 페이지에서 빠른 보기, 이미지 확대, 호버 효과를 사용할 수 있습니다.

이미지 확대

이미지 확대 기능을 통해 고객은 제품 이미지의 소재, 질감, 세부 요소를 더 자세히 확인할 수 있습니다. 이미지 위에 커서를 올리거나 클릭했을 때 확대되도록 설정할 수 있습니다.

이미지 확대 기능은 다음에서 사용할 수 있습니다.

• 제품 상세 정보 페이지 
• 빠른 보기 라이트박스

이미지 확대 활성화

이미지 확대 기능 활성화 방법은 사이트 버전에 따라 다릅니다.

이미지 확대 관련 추가 도움말

• 이미지 확대 기능은 이미지의 더 큰 버전을 표시합니다. 기술적으로는 이미지 파일을 실제로 확대하는 것이 아닙니다.
• 이미지 확대 기능은 모바일 기기에서는 사용할 수 없습니다.
• 최상의 결과를 위해, 업로드 전에 웹에 적합한 형식으로 제품 이미지를 준비하세요.
• 배경이 투명한 이미지(.png)는 확대된 버전 뒤에 원본 이미지가 표시됩니다.
• 버전 7.1에서는 Carousel 디자인이 적용된 제품 갤러리에는 이미지 확대 기능이 제공되지 않습니다.

빠른 보기

빠른 보기를 사용하면 고객이 버튼을 클릭하여 현재 페이지를 벗어나지 않고 라이트박스에서 제품 정보를 확인할 수 있습니다. 빠른 보기 기능은 고객이 스토어와 더욱 적극적으로 상호작용하고, 더 많은 제품을 탐색하도록 유도합니다.

빠른 보기 버튼은 다음 위치에 표시될 수 있습니다.

• 요약 블록
• 제품 블록
• 스토어 페이지

제품 위에 커서를 올리면 버튼이 표시됩니다. 빠른 보기 라이트박스에는 제품 정보, 이미지, 그리고 해당 제품 상세 페이지로 이동할 수 있는 전체 항목 보기 링크가 포함됩니다.

빠른 보기에서 원하지 않는 코드가 표시된다면, 제품 설명에 외부 텍스트 서식이 포함되어 있을 가능성이 높습니다. 이 서식을 제거하려면 제품 설명을 수동으로 다시 입력하거나, 일반 텍스트로 붙여넣기 하세요.

빠른 보기 버튼 추가하기

스토어 페이지 또는 블록별로 빠른 보기 기능을 활성화할 수 있습니다. 여러 개의 스토어 페이지나 블록이 있는 경우, 각 항목에 빠른 보기 버튼을 개별적으로 추가해야 합니다.

제품 블록에 빠른 보기를 추가하려면 다음 단계를 따르세요.

1. 제품 블록 편집기에서 표시할 제품을 선택하세요.
2. 디자인 탭에서 제품 빠른 보기 토글을 켜세요.
3. 페이지 변경 사항을 저장하세요. 

요약 블록에 빠른 보기를 추가하려면 다음 단계를 따르세요.

1. 요약 블록 편집기에서 콘텐츠 탭에서 스토어 페이지가 선택되어 있는지 확인하세요.
2. 디자인 탭을 클릭하세요.
3. 제품 빠른 보기 활성화 토글을 켜세요. 빠른 보기 버튼은 블록 내 모든 제품의 대표 이미지 위에 표시됩니다.
4. 페이지 변경 사항을 저장하세요.

스토어 페이지에 빠른 보기를 추가하려면 다음 단계를 따르세요.

1. 해당 페이지의 설정을 엽니다.
2. 고급을 클릭한 다음 빠른 보기를 클릭하고, 빠른 보기 활성화 토글을 켜세요.
3. 스토어 페이지가 여러 개인 경우, 각 페이지에 대해 이 단계를 반복하세요.

호버 효과

호버 효과는 제품 이미지 위에 커서를 올렸을 때 정보를 표시하거나 움직임을 추가하여 상호 작용과 애니메이션을 통해 스토어를 더욱 생동감 있게 만듭니다. 사용 가능한 호버 옵션은 사이트의 버전에 따라 다릅니다.

스토어 페이지 특수 기능 스타일 지정

이미지 확대, 빠른 보기, 호버 효과의 스타일 지정 방식은 사이트 버전에 따라 달라집니다. 자세한 단계는 스토어 페이지 스타일 지정을 참조하세요.