테마 편집기에서: 사용자 지정›푸터›바닥글
바닥글
모든 페이지의 끝: 로고, 메뉴, 소셜 링크, 언어·국가 선택기, 결제 아이콘, 저작권 줄이 각각 블록으로 들어갑니다.
사이즈 가이드를 “도움말”이라는 메뉴 그룹에 넣으면 고객이 모든 페이지에서 찾을 수 있습니다.
설정
레이아웃
- 푸터 레이아웃
- 선택: 클래식, 시그니처, 2단, 인덱스, 컴팩트, 판권기본값: 클래식클래식: 블록이 목록 순서대로 한 열에 배치되며, 각각 정렬과 간격을 설정할 수 있습니다. 다른 레이아웃에서는 블록 종류마다 휴대폰과 컴퓨터에서의 위치가 정해져 있습니다. 키보드 사용자를 위해 목록 순서는 그대로 유지하세요. 시그니처는 로고 블록으로 시작하므로 로고 블록을 추가하세요.
블록
블록은 섹션 안에 있는 구성 요소입니다. 편집기에서 추가하고 삭제하며, 끌어서 순서를 바꿉니다.
로고
일반
- 로고 이미지
- 이미지비워 두면 스토어 브랜드 설정의 로고가 사용됩니다. 로고가 없으면 스토어 이름이 표시됩니다.
- 로고를 흰색으로 표시
- 켜기 또는 끄기기본값: 켜짐어두운 푸터 위의 어두운 로고에 사용합니다. 밝거나 컬러 로고라면 끄세요.
- 휴대폰 로고 너비
- 슬라이더, 50~350 px기본값: 178 px
- 컴퓨터 로고 너비
- 슬라이더, 50~480 px기본값: 230 px
- 로고 아래 줄
- 텍스트가늘어지는 두 선 사이에 표시됩니다. 비워 두면 표시되지 않습니다.
위치
클래식 레이아웃에서 사용됩니다. 다른 레이아웃에서는 각 블록의 위치가 정해져 있습니다.
- 휴대폰 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 데스크톱 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 위쪽 간격, 휴대폰
- 슬라이더, 0~100 px기본값: 0 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
- 위쪽 간격, 데스크톱
- 슬라이더, 0~100 px기본값: 0 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
소셜 미디어
일반
- 소셜 미디어 제목
- 텍스트비워 두면 기본값을 사용합니다.
- 제목 위치
- 선택: 자동(푸터 레이아웃에 따름), 아이콘 위, 아이콘 옆, 숨김기본값: 자동(푸터 레이아웃에 따름)자동은 푸터 레이아웃에 따릅니다. 숨김은 화면에 표시되지 않지만 스크린 리더에는 남아 있습니다.
- 위에 선
- 켜기 또는 끄기기본값: 꺼짐아이콘 위의 얇은 선으로, 푸터의 다른 선과 같습니다. 컴퓨터의 "두 단" 레이아웃에서는 아이콘이 링크 옆에 있어 표시되지 않습니다.
- 제목 크기(휴대폰 및 태블릿)
- 슬라이더, 12~32 px기본값: 17 px
- 제목 크기(컴퓨터)
- 슬라이더, 12~40 px기본값: 19 px
- 제목 굵기
- 슬라이더, 200~800기본값: 700
- 패널 배경
- 색상비워 두면 패널이 없습니다. 색상을 지정하면 제목과 아이콘이 둥근 패널 위에 놓이고 위의 선은 그려지지 않습니다.
- 패널 텍스트와 아이콘
- 색상비워 두면 푸터 텍스트 색상입니다.
소셜 아이콘
휴대폰 값은 태블릿에도 적용됩니다. 컴퓨터 값은 너비 990픽셀부터 적용됩니다.
- 아이콘 모양
- 선택: 아이콘, 코인기본값: 아이콘
- 코인 색상
- 색상기본값: #FFFFFF
- 아이콘 색상
- 색상기본값: #1F1C1A
- 회전 시 네트워크 이름
- 켜기 또는 끄기기본값: 켜짐마우스를 올리거나 휴대폰에서 탭하면 코인이 한 번 돌고 아래에 네트워크 이름이 나타납니다.
- 아직 링크가 없는 아이콘 표시
- 켜기 또는 끄기기본값: 켜짐Facebook, Instagram, TikTok, YouTube, X은 테마 설정에서 링크를 추가하기 전까지 클릭할 수 없는 일반 아이콘으로 표시됩니다. 다른 네트워크는 링크가 있을 때만 표시됩니다.
- 아이콘 크기(휴대폰)
- 슬라이더, 14~32 px기본값: 18 px
- 아이콘 크기(컴퓨터)
- 슬라이더, 14~32 px기본값: 18 px
- 아이콘 간격(휴대폰)
- 슬라이더, 0~40 px기본값: 17.6 px
- 아이콘 간격(컴퓨터)
- 슬라이더, 0~40 px기본값: 17.6 px
- 행당 아이콘 수(휴대폰)
- 슬라이더, 2~12기본값: 6새 행이 시작되기 전 한 행에 놓이는 아이콘 수입니다. 마지막 행은 가운데 정렬됩니다.
- 행당 아이콘 수(컴퓨터)
- 슬라이더, 2~12기본값: 6새 행이 시작되기 전 한 행에 놓이는 아이콘 수입니다. 마지막 행은 가운데 정렬됩니다.
위치
클래식 레이아웃에서 사용됩니다. 다른 레이아웃에서는 각 블록의 위치가 정해져 있습니다.
- 휴대폰 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 데스크톱 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 위쪽 간격, 휴대폰
- 슬라이더, 0~100 px기본값: 0 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
- 위쪽 간격, 데스크톱
- 슬라이더, 0~100 px기본값: 0 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
Shop에서 팔로우
일반
- 버튼 위 제목
- 텍스트비워 두면 제목이 없습니다.
고객이 스토어를 팔로우할 수 있는 Shop 앱 버튼입니다. 스토어 관리자에서 Shop Pay가 활성화되어 있고 Shop 판매 채널이 설치되어 있을 때만 표시됩니다. 버튼, 텍스트, 색상은 Shopify가 정하며 변경할 수 없습니다. 이 블록에서는 위치만 설정합니다.
위치
클래식 레이아웃에서 사용됩니다. 다른 레이아웃에서는 각 블록의 위치가 정해져 있습니다.
- 휴대폰 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 데스크톱 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 위쪽 간격, 휴대폰
- 슬라이더, 0~100 px기본값: 26 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
- 위쪽 간격, 데스크톱
- 슬라이더, 0~100 px기본값: 26 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
언어 및 국가
일반
- 언어 선택기 표시
- 켜기 또는 끄기기본값: 켜짐
- 국가 및 통화 선택기 표시
- 켜기 또는 끄기기본값: 켜짐
- 언어 옆에 국기 표시
- 켜기 또는 끄기기본값: 켜짐각 언어 옆에 작은 국기를 표시합니다. 언어는 국가가 아니므로 표시하지 않는 스토어도 있습니다.
언어 선택기는 스토어에 언어가 두 개 이상일 때만, 국가 및 통화 선택기는 스토어가 두 개 이상의 국가에 판매할 때만 표시됩니다. 스토어 관리자(설정: 언어, 마켓)에서 언어와 국가를 추가하세요. 언어가 두 개이면 토글로, 세 개 이상이면 목록으로 표시됩니다.
위치
클래식 레이아웃에서 사용됩니다. 다른 레이아웃에서는 각 블록의 위치가 정해져 있습니다.
- 휴대폰 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 데스크톱 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 위쪽 간격, 휴대폰
- 슬라이더, 0~100 px기본값: 26 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
- 위쪽 간격, 데스크톱
- 슬라이더, 0~100 px기본값: 26 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
결제 수단
일반
- 행 스타일
- 선택: 전체 너비 행, 카드 묶음(터치하거나 마우스를 올리면 펼쳐짐), 안전한 결제 인장기본값: 카드 묶음(터치하거나 마우스를 올리면 펼쳐짐)결제 카드가 표시되는 방식입니다. 모든 스타일은 같은 카드 크기와 테두리를 사용합니다.
- 인장 제목
- 텍스트비워 두면 각 언어로 "안전한 결제"가 표시됩니다.
- 인장 문구
- 텍스트비워 두면 각 언어의 기본 문구가 표시됩니다.
- 카드 테두리 색상
- 색상기본값: #000000각 결제 카드를 둘러싼 얇은 테두리입니다.
- 휴대폰 아이콘 높이
- 슬라이더, 12~40 px기본값: 23 px
- 데스크톱 아이콘 높이
- 슬라이더, 12~40 px기본값: 23 px
위치
클래식 레이아웃에서 사용됩니다. 다른 레이아웃에서는 각 블록의 위치가 정해져 있습니다.
- 휴대폰 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 데스크톱 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 위쪽 간격, 휴대폰
- 슬라이더, 0~100 px기본값: 44 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
- 위쪽 간격, 데스크톱
- 슬라이더, 0~100 px기본값: 36 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
저작권
일반
- 추가 저작권 텍스트
- 텍스트스토어 이름 뒤에 표시됩니다.
- 스타일
- 선택: 자동(푸터 레이아웃에 따름), 기본, 가늘어지는 선 사이기본값: 자동(푸터 레이아웃에 따름)
- 휴대폰 텍스트 크기
- 슬라이더, 10~20 px기본값: 12 px
- 데스크톱 텍스트 크기
- 슬라이더, 10~20 px기본값: 12 px
위치
클래식 레이아웃에서 사용됩니다. 다른 레이아웃에서는 각 블록의 위치가 정해져 있습니다.
- 휴대폰 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 데스크톱 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 위쪽 간격, 휴대폰
- 슬라이더, 0~100 px기본값: 18 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
- 위쪽 간격, 데스크톱
- 슬라이더, 0~100 px기본값: 22 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
링크
일반
- 메뉴
- 메뉴
- 링크 위 제목
- 텍스트비워 두면 제목이 없습니다.
- 링크 스타일
- 선택: 자동(푸터 레이아웃에 따름), 링크 수가 고정된 줄, 균형 줄, 열, 선과 화살표가 있는 목록, 큰 목록기본값: 자동(푸터 레이아웃에 따름)자동은 푸터 레이아웃에 따릅니다. 균형 줄에서는 같은 줄에 있는 두 링크 사이에만 점이 표시됩니다.
- 행당 링크 수(컴퓨터)
- 슬라이더, 2~8기본값: 4다음 행으로 넘어가기 전 한 행에 놓이는 링크 수입니다. 마지막 행은 더 짧을 수 있습니다.
- 행당 링크 수(휴대폰)
- 슬라이더, 1~6기본값: 3
- 휴대폰 열 수
- 선택: 자동, 1, 2, 3기본값: 자동열과 목록에 적용됩니다. 자동은 링크 스타일에 따라 열 수를 정합니다.
- 컴퓨터 열 수
- 선택: 자동, 1, 2, 3, 4기본값: 자동열과 목록에 적용됩니다. 자동은 링크 스타일에 따라 열 수를 정합니다.
- 화살표 표시
- 켜기 또는 끄기기본값: 켜짐선과 화살표가 있는 목록에서 사용됩니다.
- 휴대폰 텍스트 크기
- 슬라이더, 10~20 px기본값: 13.5 px
- 데스크톱 텍스트 크기
- 슬라이더, 10~20 px기본값: 13.5 px
위치
클래식 레이아웃에서 사용됩니다. 다른 레이아웃에서는 각 블록의 위치가 정해져 있습니다.
- 휴대폰 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 데스크톱 정렬
- 선택: 시작, 가운데, 끝기본값: 가운데
- 위쪽 간격, 휴대폰
- 슬라이더, 0~100 px기본값: 14 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
- 위쪽 간격, 데스크톱
- 슬라이더, 0~100 px기본값: 18 px위쪽 요소와의 거리입니다. 목록에서 블록을 드래그하면 순서를 바꿀 수 있습니다.
여기 내용이 편집기에 보이는 것과 다른가요? 알려 주세요. 가이드를 바로잡겠습니다.
