제목과 링크 목록을 하나 이상의 열로 나눠 보여 줍니다. 카테고리, 브랜드, 사이즈 등 모든 페이지 목록에 사용하세요.
블록 추가하기
-
레이아웃 선택하기
미리 보기의 메가 메뉴 패널에서 블록 추가를 클릭합니다. 링크 목록을 클릭하고 레이아웃에 마우스를 올린 다음 선택을 클릭합니다.
(1) 링크 목록 클릭, (2) 레이아웃 선택. -
링크 추가하기
미리 보기나 요소 목록에서 목록 아래의 항목 추가를 클릭합니다. 블록을 클릭해 항목 편집을 열고 각 링크를 입력합니다. 삭제하려면 제거를 클릭합니다.
미리 보기의 링크 목록 블록과 항목 편집의 설정. -
저장 및 게시하기
저장을 클릭한 다음 게시를 클릭합니다.
레이아웃
링크 목록 탭은 네 가지 특수 레이아웃으로 시작합니다: Hover image links(호버 이미지 링크), Feature list(기능 목록), Feature list row(기능 목록 행), Button(버튼). 호버 이미지 링크, 기능 목록, 버튼을 참고하세요. 기본 링크 목록 레이아웃은 다음과 같습니다:
- 2열
- 제목과 2열로 나뉜 링크입니다.
- 3열
- 제목과 3열로 나뉜 링크입니다.
- 단순
- 제목과 한 열의 링크입니다.
- 아이콘이 있는 링크
- 각 링크 앞에 아이콘이 있습니다.
- 이미지가 있는 링크
- 각 링크 앞에 작은 이미지가 있습니다.
설정
블록
- 너비
- 블록이 메가 메뉴 줄에서 차지하는 비율입니다: 자동 또는 8.33%
100%.6개의 열에 나눠 배치합니다.- 열 수
- 링크를 1
- 배경색
- 블록 전체의 배경입니다.
- 표시 여부
- 데스크톱에서 숨기기, 모바일에서 숨기기, 로그인 시 숨기기, 로그인 시에만 표시, 게시 예약. 모든 블록에 공통인 설정을 참고하세요.
- 추가 클래스 이름
- 고급에 있습니다. 사용자 지정 CSS에 사용할 CSS 클래스입니다.
각 링크
- 제목으로 표시
- 링크를 열 제목 스타일로 표시합니다. 링크가 없는 제목은 일반 텍스트로 표시됩니다.
- 아이콘
- 링크 앞에 표시되는 아이콘입니다. 메뉴 항목 아이콘을 참고하세요.
- 아이콘 너비
- 아이콘이 업로드한 이미지일 때 나타납니다: 자동 또는 사용자 지정(%, px, em, rem).
- 제목
- 링크 텍스트입니다.
- 링크
- 페이지, 제품, 컬렉션, 블로그 게시물을 검색하거나 URL을 붙여 넣습니다. 새 탭에서 열려면 새 탭에서 열기를 체크하세요.
- 이미지 아이콘 / 이미지 너비
- 이미지가 있는 링크 같은 이미지 레이아웃에서, 링크 앞의 작은 이미지와 그 크기(자동 또는 사용자 지정)입니다.
- 설명
- 링크 아래의 짧은 텍스트 줄입니다.
- 배지
- 링크 옆의 “New”나 “Sale” 같은 작은 라벨입니다. 배지 표시 전환을 켠 다음 배지 제목, 배지 텍스트 색상, 배지 배경색을 설정하세요.
팁
- 각 목록 맨 위에 제목으로 표시를 켠 링크를 하나 두세요.
- 목록 끝에는 전체 컬렉션으로 연결되는 View all 링크를 두세요.
도움이 되었나요?
의견을 보내 주셔서 감사합니다! 부족한 내용을 알려 주세요
문제 신고