컬렉션 스포트라이트

쇼핑객이 메뉴에서 컬렉션을 전환하며 각 컬렉션의 제품을 볼 수 있게 합니다.

참고 자료 Growth Navigation · Pro Navigation 1 분 소요

컬렉션 목록 옆에 제품 그리드가 있는 블록입니다. 컬렉션 이름에 마우스를 올리면 View all(모두 보기) 링크와 함께 해당 제품이 표시됩니다. 모바일에서는 컬렉션을 탭하면 제품이 열립니다.

블록 추가하기

레이아웃 선택하기

미리 보기의 메가 메뉴 패널에서 블록 추가를 클릭합니다. 컬렉션을 클릭하고 Collection spotlight(컬렉션 스포트라이트)에 마우스를 올린 다음 선택을 클릭합니다.

(1) 컬렉션 클릭, (2) Collection spotlight 선택.
컬렉션 선택하기

항목 편집에서 컬렉션 선택을 클릭하고 표시할 컬렉션을 고릅니다. 각 컬렉션의 제품은 자동으로 불러옵니다.

미리 보기의 Collection spotlight 블록과 항목 편집의 설정.
저장 및 게시하기

저장을 클릭한 다음 게시를 클릭합니다. 편집기 미리 보기에는 실제 제품 대신 자리 표시 카드가 표시되므로 스토어에서 결과를 확인하세요.

설정

컬렉션 선택기본값: 없음: 블록에 나열되는 컬렉션으로, 고른 순서대로 표시됩니다. 최대 8개이며, 더 선택하면 처음 8개만 유지됩니다.
Products per collection기본값: 4: 그리드에 표시할 제품 수입니다: 2~6.
Show product count기본값: 켜짐: 각 컬렉션 이름 옆에 제품 수를 표시합니다.
"View all" 라벨기본값: View all: 그리드 아래 전체 컬렉션으로 가는 링크의 텍스트입니다.
너비기본값: 100%: 블록이 메가 메뉴 줄에서 차지하는 비율입니다: 자동 또는 8.33%~100%.
표시 여부기본값: 꺼짐: 데스크톱에서 숨기기, 모바일에서 숨기기, 로그인 시 숨기기, 로그인 시에만 표시, 게시 예약. 모든 블록에 공통인 설정을 참고하세요.

팁

블록 너비를 100%로 유지하세요. 컬렉션 목록과 제품 4개짜리 그리드에는 공간이 필요합니다.
컬렉션은 3~6개를 고르세요. 8개 전체보다 짧은 목록이 훑어보기 쉽습니다.
제품은 컬렉션에서 불러오므로 직접 고를 수 없습니다. 특정 제품을 보여 주려면 수동 소스로 제품 목록을 사용하세요.

도움이 되었나요?