블록 개요

개요 모든 요금제 4 분 소요

블록은 메가 메뉴나 탭 안의 콘텐츠 한 조각입니다. 블록은 한 줄에 나란히 놓이며, 각 블록의 너비가 줄에서 차지하는 비율을 정합니다.

링크 및 버튼

링크 목록제목과 링크 열로, 아이콘, 이미지, 배지를 추가할 수 있습니다. 호버 이미지 링크마우스를 올리면 바뀌는 큰 이미지 옆의 링크입니다. 기능 목록무료 배송 같은 장점을 아이콘과 함께 보여 줍니다. 버튼“Shop all” 같은 행동 유도 버튼 하나입니다.

이미지 및 배너

이미지제목과 링크가 있는 배너 또는 프로모션 이미지 하나입니다. 이미지 슬라이더캐러셀로 보여 주는 여러 이미지입니다.Growth · Pro 프로모션 배너제목, 텍스트, 버튼이 있는 이미지입니다. 브랜드 로고각각 링크가 있는 브랜드 로고 그리드입니다.

제품 및 컬렉션

제품 목록제품 카드 하나 또는 그리드, 목록, 캐러셀로 된 제품입니다. 룩북 핫스팟사진 속 제품 위에 클릭할 수 있는 점이 있는 사진입니다. 컬렉션 목록이미지와 함께 표시되는 컬렉션입니다.Growth · Pro 컬렉션 스포트라이트컬렉션 이름 옆에 해당 제품 그리드를 보여 줍니다.Growth · Pro

콘텐츠 및 프로모션

블로그 게시물최신 블로그 게시물이나 직접 고른 게시물입니다.Growth · Pro 문의 양식고객이 메시지를 보낼 때 사용하는 양식입니다. 뉴스레터이메일 구독 양식입니다. 카운트다운특정 날짜까지 남은 시간을 보여 주는 타이머입니다.Growth · Pro 쿠폰 코드쇼핑객이 클릭 한 번으로 복사하는 할인 코드입니다.Growth · Pro 사용자 지정 HTML지도, 동영상, 임베드 등 모든 HTML입니다.Pro

어떤 것을 사용해야 하나요?

블록	적합한 용도	블록 선택의 탭	요금제
링크 목록	카테고리, 브랜드, 사이즈	링크 목록	모든 요금제. 배지에는 Pro Navigation 필요
호버 이미지 링크	사진으로 미리 보는 카테고리	링크 목록	모든 요금제
기능 목록	무료 배송, 반품, 안전한 결제	링크 목록	모든 요금제
버튼	“Shop all” 같은 행동 유도	링크 목록	모든 요금제
이미지	시즌 배너나 프로모션	커스텀 이미지 추가	모든 요금제
이미지 슬라이더	한 블록에 여러 캠페인	커스텀 이미지 추가	Growth Navigation, Pro Navigation
프로모션 배너	버튼이 있는 세일 또는 신규 컬렉션	커스텀 이미지 추가	모든 요금제
브랜드 로고	“브랜드별 쇼핑”	커스텀 이미지 추가	모든 요금제
제품 목록	베스트셀러, 신상품, 컬렉션	제품 추가	단일 제품: 모든 요금제. 그리드, 목록, 캐러셀: Growth Navigation, Pro Navigation
룩북 핫스팟	“이 룩 쇼핑하기”	제품 추가	모든 요금제
컬렉션 목록	“카테고리별 쇼핑” 타일	컬렉션	Growth Navigation, Pro Navigation
컬렉션 스포트라이트	여러 컬렉션의 제품	컬렉션	Growth Navigation, Pro Navigation
블로그 게시물	가이드, 룩북, 소식	블로그	Growth Navigation, Pro Navigation
문의 양식	페이지를 떠나지 않고 문의	문의 양식	모든 요금제
뉴스레터	이메일 목록 늘리기	문의 양식	모든 요금제
카운트다운	반짝 세일과 마감	카운트다운	Growth Navigation, Pro Navigation
쿠폰 코드	복사할 할인 코드	Coupon code	Growth Navigation, Pro Navigation
사용자 지정 HTML	지도, 동영상, 임베드	메뉴에 HTML 추가	Pro Navigation

다음 두 탭은 블록 하나가 아니라 구조를 추가합니다:

• 멀티 블록은 링크 목록 3개 + 이미지 1개나 지도 + 연락처 + 주소 같은 미리 만든 조합을 클릭 한 번으로 추가합니다. 필요한 요금제는 안에 든 블록에 따라 다릅니다. 항목 그룹은 여러 블록을 한 열에 쌓습니다. 매스너리 레이아웃(Pro Navigation)을 참고하세요.
• 탭은 제목이 왼쪽, 맨 위 또는 오른쪽에 있는 간단한 탭이나 중첩 탭을 추가합니다. 탭 메뉴(Pro Navigation)를 참고하세요.

블록 추가하기

1. 패널 열기

   메뉴 편집기에서 메가 메뉴가 있는 항목을 클릭해 패널을 엽니다. 블록 추가를 클릭합니다.

   

   열린 메가 메뉴 패널에서 블록 추가를 클릭합니다.

2. 탭과 레이아웃 선택하기

   블록 선택에서 멀티 블록, 링크 목록, Coupon code 같은 탭을 클릭합니다. 레이아웃에 마우스를 올리고 선택을 클릭합니다.

   

   (1) 탭 선택, (2) 레이아웃에 마우스를 올리고 선택 클릭.

3. 블록 설정하기

   항목 편집에 설정이 열립니다. 내용을 입력하고 너비를 선택합니다. 나중에 편집하려면 미리 보기에서 블록을 클릭하세요.

   

   (1) 미리 보기에서 카운트다운 클릭, (2) 너비 설정.

4. 저장 및 게시하기

   저장을 클릭한 다음 게시를 클릭합니다.

참고

Growth Navigation 또는 Pro Navigation 배지가 있는 레이아웃은 현재 요금제에 포함되지 않습니다. 버튼에 사용하려면 업그레이드하세요가 표시되며 요금제로 이동합니다.

모든 블록에 공통인 설정

너비기본값: 레이아웃에 따라 다름

블록이 줄에서 차지하는 비율입니다: 자동 또는 8.33%~100%. 너비 합이 100%를 넘는 블록은 새 줄로 넘어갑니다. 같은 너비의 열을 만들려면 4 × 25%, 3 × 33.33%, 2 × 50% 를 사용하세요.

데스크톱에서 숨기기 / 모바일에서 숨기기기본값: 꺼짐

표시 여부에 있습니다. 한 종류의 기기에서 블록을 숨깁니다.

로그인 시 숨기기 / 로그인 시에만 표시기본값: 꺼짐

표시 여부에 있습니다. 비회원에게만 또는 로그인한 고객에게만 블록을 표시합니다.

게시 예약기본값: 꺼짐

표시 여부에 있습니다. 게시 시작 / 시작 시간과 게시 종료 / 종료 시간 사이에만 블록을 표시합니다. 메뉴 예약하기를 참고하세요.

추가 클래스 이름기본값: 비어 있음

고급에 있습니다. 사용자 지정 CSS로 블록 스타일을 지정할 수 있도록 CSS 클래스를 추가합니다.

Shopify 데이터는 자동으로 업데이트됩니다

제품, 컬렉션, 블로그 블록은 제목, 가격, 이미지, 재고, 새 게시물을 스토어에서 실시간으로 읽어 옵니다. 블록은 어떤 항목을 골랐는지만 기억합니다. 항목을 삭제하거나 핸들(URL)을 바꾸면 다시 선택하세요. Shopify 관리자의 변경 사항이 메뉴에 표시되지 않아요를 참고하세요.

관련 페이지

• 메가 메뉴링크 목록, 이미지, 제품, 문의 양식 같은 블록으로 넓은 하위 메뉴 패널을 만듭니다.
• 탭 메뉴쇼핑객이 하위 메뉴 하나 안에서 Men, Women, Kids 같은 콘텐츠 그룹을 전환할 수 있게 합니다.
• 매스너리 레이아웃과 스페셜 메뉴높이가 다른 블록을 열에 깔끔하게 쌓거나, 카테고리마다 패널이 있는 카테고리 목록을 표시합니다.
• 요금제 및 결제Globo Mega Menu 요금제를 비교하고, 무료 체험을 시작하고, 요금제를 업그레이드, 다운그레이드 또는 취소합니다.

도움이 되었나요?

문제 신고