버튼

메가 메뉴에 "Shop all" 같은 행동 유도 버튼을 추가합니다.

참고 자료 모든 요금제 1 분 소요

“Shop all”이나 “Book a fitting” 같은 명확한 행동 유도 버튼 하나입니다. 링크 목록 묶음 아래에 두어 쇼핑객을 전체 컬렉션으로 보내거나, 좁은 열에 단독으로 사용하세요.

블록 추가하기

레이아웃 선택하기

미리 보기의 메가 메뉴 패널에서 블록 추가를 클릭합니다. 링크 목록을 클릭하고 Button(버튼)에 마우스를 올린 다음 선택을 클릭합니다. 처음에는 모든 제품으로 연결되는 “Shop all”로 시작합니다.

(1) 링크 목록 클릭, (2) Button 선택.
라벨과 링크 설정하기

항목 편집의 일반에서 라벨을 입력하고 링크를 선택합니다.

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

Style(스타일)에서 스타일을 지정한 다음 저장과 게시를 클릭합니다.

설정

일반

라벨기본값: Shop all: 버튼의 텍스트입니다.
링크기본값: /collections/all: 버튼이 연결되는 곳입니다(기본값은 모든 제품). 필요하면 새 탭에서 열기를 체크하세요.
너비기본값: 100%: 블록이 메가 메뉴 줄에서 차지하는 비율입니다: 자동 또는 8.33%~100%.

Style

Style기본값: Solid: Solid(채워진 버튼), Outline(테두리만) 또는 링크(텍스트 링크).
Alignment기본값: 왼쪽: 왼쪽, 가운데 또는 전체 너비(버튼을 블록 전체로 늘림).
Button color기본값: #111827: 버튼 색상입니다.
텍스트 색상기본값: #FFFFFF: 라벨 색상입니다.

표시 여부는 모든 블록과 같습니다. 모든 블록에 공통인 설정을 참고하세요.

팁

너비가 100%이면 버튼이 다른 블록 아래에 별도의 줄을 차지합니다. 메가 메뉴 전체의 가운데에 두려면 Alignment(정렬)를 가운데로 설정하세요.
메가 메뉴에 이미 프로모션 배너가 있다면 Outline이나 링크를 사용해 두 요소가 서로 시선을 빼앗지 않게 하세요.

도움이 되었나요?