블록 개요

레이아웃 및 타이포그래피

• 블록 최대 너비 (page_width) — px 단위의 최대 컨테이너 너비

• 글꼴 크기 (font_size) — 브레드크럼 텍스트 크기

• 구분 아이콘 크기 (separated_icon_size) — 구분자 아이콘 크기

• 구분자 간격 (separated_size) — 구분자 주변 간격

• 텍스트 정렬 (text_align) — 왼쪽/가운데/오른쪽

패딩

• 상하 (padding_block) — 수직 패딩

• 좌우 (padding_inline) — 수평 패딩

표시 옵션

• 현재 항목 굵게 표시 (bold_current_item_on_breadcrumb) — 마지막 브레드크럼 항목 강조

• 호버 효과 (hover_effect) — 없음 / 밑줄 / 확대 / 빛남 / 튕김 / 흔들림

• 모바일에서 가로 스크롤 활성화 (scroll_on_mobile) — 작은 화면에서 줄 바꿈 대신 스크롤

• 브레드크럼에서 제품명 숨기기 (hidden_product_name_on_breadcrumb) — 제품 페이지에서 제품 제목 숨김

색상

• 배경 (background_color) — 블록 배경색

• 텍스트 (text_color) — 텍스트 색상

고급 사용자 지정

• 브레드크럼 구분 기호 (trail_divider_style) — 구분자 선택: Chevron Right, Double Arrow, Forward Slash, Pipe, Bullet Point, Angle Bracket, Dash

항목 레이블

브레드크럼 경로에 표시되는 레이블을 구성하세요(스토어프런트 언어 사용).

• 홈 표시 유형 (home_display_type) — 텍스트 / 홈 아이콘 (클래식) / 홈 아이콘 (윤곽선)

• 홈 페이지 (label_home) — 홈 항목 레이블

• 컬렉션 목록 페이지 (label_list_collections) — 컬렉션 목록 페이지 레이블

• 카탈로그 페이지 (label_catalog) — 카탈로그 항목 레이블 (--- 사용 시 숨김; 설정 내 주석 참조)

• 사용자 지정 카탈로그 링크 (custom_catalog_link) — 선택적 사용자 지정 URL (기본값 /collections/all)

일반

• 블록 최대 너비 (page_width) — px 단위의 최대 컨테이너 너비

• 데스크톱에서 캐러셀 활성화 (enable_desktop_slider) — 데스크톱에서 슬라이더 동작 활성화

• 자동 재생 (autoplay_mode) — 자동 스크롤 / 자동 슬라이드 모드 (아래 참조)

• 내비게이션 활성화 (slider_enable_navigation) — 내비게이션 화살표/도트 표시

• 수직 간격 (vertical_spacing) — 제목과 슬라이더/그리드 사이 간격

• 제목 (title) — 섹션 제목 텍스트

• 이미지 비율 (image_ratio) — 이미지에 맞춤 / 정사각형 / 세로 / 가로 / 원형

• 이미지 맞춤 유형 (image_fit_type) — 커버 / 포함

• 이미지 테두리 반경 (image_border_radius) — 이미지 비율이 원형일 때는 적용 안 됨

• 데스크톱에서 열 수 (columns_desktop)

• 카드 간격 (card_spacing_desktop) — 카테고리 카드 간 간격

• 콘텐츠 레이아웃 (content_layout) — 일반 / 겹침 / 텍스트 아래 / 텍스트 아래 테두리

• 텍스트 정렬 (text_alignment) — 왼쪽/가운데/오른쪽

• 제품 수 표시 (show_product_count)

• 대문자 텍스트 활성화 (enable_uppercase_text)

• 긴 제목 줄임 (truncate_title) — 제목을 5단어로 제한

• 레이아웃 반전 (텍스트 위, 이미지 아래) (reverse_image_position)

자동 재생 (자동 스크롤 / 자동 슬라이드)

데스크톱에서 캐러셀 활성화가 켜져 있을 때만 적용됩니다.

• 끔 (none)

• 느림 – 50px/s (slow_scroll_50) — 연속 자동 스크롤

• 빠름 – 100px/s (slow_scroll_100) — 연속 자동 스크롤

• 3초마다 (1개 항목) (slide_3s) — 한 항목씩 슬라이드

• 3초마다 (모든 표시 항목) (slide_3s_page) — 한 페이지씩 슬라이드

색상

• 텍스트 (colors_text)

• 배경 (colors_background) — 콘텐츠 레이아웃이 겹침일 때만 사용

모바일 레이아웃

• 태블릿에서의 열 수 (columns_tablet) — 2/3/4

• 모바일에서의 열 수 (columns_mobile) — 1/2

• 태블릿 및 모바일에서 스와이프 활성화 (swipe_on_mobile)

컬렉션 제목 글꼴 크기

제품 수 글꼴 크기는 컬렉션 제목 글꼴 크기에 따라 자동으로 조정됩니다.

• 데스크탑 (font_size_desktop)

• 태블릿 (font_size_tablet)

• 모바일 (font_size_mobile)

일반

• 블록 최대 너비 (page_width) — 최대 컨테이너 너비(px)

• 데스크탑에서 캐러셀 활성화 (enable_desktop_slider) — 데스크탑에서 슬라이더 동작 활성화

• 자동 재생 (autoplay_mode) — 자동 스크롤 / 자동 슬라이드 모드 (아래 참조)

• 내비게이션 활성화 (slider_enable_navigation) — 내비게이션 화살표/도트 표시

• 수직 간격 (vertical_spacing) — 제목과 슬라이더/그리드 사이 간격

• 제목 (title) — 섹션 제목 텍스트

• 이미지 비율 (image_ratio) — 이미지에 맞춤 / 정사각형 / 세로 / 가로 / 원형

• 이미지 맞춤 유형 (image_fit_type) — 커버 / 포함

• 이미지 테두리 반경 (image_border_radius) — 이미지 비율이 원형일 때는 적용되지 않음

• 데스크탑에서의 열 수 (columns_desktop)

• 콘텐츠 위치 (content_position) — 상단 / 가운데 / 하단

• 텍스트 정렬 (text_alignment) — 왼쪽 / 가운데 / 오른쪽

• 제품 수 표시 (show_product_count)

• 대문자 텍스트 활성화 (enable_uppercase_text)

• 콘텐츠 레이아웃 방향 (content_layout_direction) — 단일 행 / 쌓기(열)

자동 재생 (자동 스크롤 / 자동 슬라이드)

데스크탑에서 캐러셀 활성화가 활성화된 경우에만 적용됩니다.

• 끔 (none)

• 느림 – 50px/s (slow_scroll_50) — 연속 자동 스크롤

• 빠름 – 100px/s (slow_scroll_100) — 연속 자동 스크롤

• 3초마다 (1개 항목) (slide_3s) — 한 항목씩 슬라이드

• 3초마다 (모든 항목) (slide_3s_page) — 한 페이지씩 슬라이드

모바일 레이아웃

• 태블릿에서의 열 수 (columns_tablet) — 2/3/4

• 모바일에서의 열 수 (columns_mobile) — 1/2

• 태블릿 및 모바일에서 스와이프 활성화 (swipe_on_mobile)

컬렉션 제목 글꼴 크기

제품 수 글꼴 크기는 컬렉션 제목 글꼴 크기에 따라 자동으로 조정됩니다.

• 데스크탑 (font_size_desktop)

• 태블릿 (font_size_tablet)

• 모바일 (font_size_mobile)

헤더 텍스트 색상

• 텍스트 색상 (colors_text)

• 오버레이 텍스트 색상 (colors_overlay) — 가독성을 위한 오버레이 색상