헤더

로고

로고 이미지

이미지비워 두면 스토어 이름이 텍스트로 표시됩니다.

데스크톱 로고 너비

슬라이더, 100~300 px기본값: 190 px투명 여백을 잘라 낸 뒤 보이는 로고 부분의 너비입니다.

데스크톱 로고 최대 높이

슬라이더, 40~160 px기본값: 65 px높은 로고는 이 높이로 축소됩니다. 높이는 보이는 부분 기준입니다.

휴대폰 로고 너비

슬라이더, 80~200 px기본값: 100 px휴대폰과 태블릿에서 보이는 로고 부분의 너비입니다. 좁은 휴대폰에서는 옆의 아이콘 공간을 확보하도록 필요에 따라 작아집니다.

휴대폰 로고 최대 높이

슬라이더, 24~44 px기본값: 34 px휴대폰과 태블릿에서 높은 로고는 이 높이로 축소됩니다. 표시줄 높이가 48px로 고정되어 있으므로 최대 44까지 설정할 수 있습니다.

휴대폰 노치 안 로고 위치

슬라이더, -8~12 px기본값: 4 px양수는 로고를 아래로, 음수는 위로 이동합니다. 0이면 헤더 행의 가운데에 위치합니다.

데스크톱 노치 안 로고 위치

슬라이더, -8~12 px기본값: 0 px양수는 로고를 아래로, 음수는 위로 이동합니다. 0이면 헤더 행의 가운데에 위치합니다.

로고의 투명 여백 자르기

위쪽 자르기

슬라이더, 0~40 %기본값: 17 %

아래쪽 자르기

슬라이더, 0~40 %기본값: 22 %

왼쪽 자르기

슬라이더, 0~40 %기본값: 7.5 %

오른쪽 자르기

슬라이더, 0~40 %기본값: 3.5 %

로고 이미지에는 보통 서명 주위에 투명 여백이 있습니다. 이미지의 각 면에서 잘라 낼 비율(%)을 설정하세요. 위의 로고 크기는 남은 부분을 기준으로 합니다. 이미 딱 맞게 잘린 이미지라면 모든 값을 0으로 두세요.

아이콘

검색 버튼 표시

켜기 또는 끄기기본값: 켜짐

검색 입력란에 입력되는 단어

텍스트휴대폰에서 검색을 열면 이 단어들이 차례로 입력란에 입력됩니다. 쉼표로 구분하세요. 비워 두면 메인 메뉴의 링크 이름을 사용합니다. 입력 전 아이디어로도 표시됩니다.

입력 전

선택: 아이디어와 최근 검색어, 아이디어만, 최근 검색어만, 없음기본값: 아이디어와 최근 검색어아이디어는 검색창 단어입니다. 최근 검색어는 각 고객의 브라우저에 저장된 본인의 검색어입니다.

계정 메뉴

메뉴Shopify 계정 창의 로그인 아래에 표시되는 링크입니다. "고객 계정 기본 메뉴"를 선택하면 계정 페이지와 같은 링크가 유지됩니다.

헤더 코인 크기

슬라이더, 36~48 px기본값: 40 px휴대폰과 태블릿에서 헤더 코인의 지름. 컴퓨터에서는 헤더에 코인이 없고 아이콘이 선으로 스트립에 놓입니다. 코인 안의 아이콘은 지름의 절반입니다.

추가 시 가방 반응

켜기 또는 끄기기본값: 켜짐제품을 장바구니에 추가하면 가방이 살짝 내려앉았다가 눌린 뒤 튀어 오릅니다. 장바구니 안에서 수량을 바꿀 때는 반응하지 않습니다.

컴퓨터 헤더

컴퓨터 메뉴 스타일

선택: 라이브러리: 모든 링크를 열로, 룸: 한 번에 한 그룹, 갤러리: 그룹마다 이미지기본값: 라이브러리: 모든 링크를 열로띠 아래 패널이 메뉴 항목의 링크를 보여 주는 방식입니다. 일반 메뉴로 만들어지며 최대 3단계까지 지원합니다.

메뉴에 컬렉션 이미지 표시

켜기 또는 끄기기본값: 켜짐라이브러리와 룸 스타일에서는 컬렉션 이미지가 링크 옆에 나타나고 포인터 아래 링크에 따라 바뀝니다. 갤러리는 항상 이미지를 보여 줍니다.

메뉴 패널 색상

선택: 흰색(검색과 같음), 어둡게, 직접 선택기본값: 흰색(검색과 같음)

패널 색상

색상글자 색은 자동으로 정해집니다. 밝은 색에는 어두운 글자, 어두운 색에는 밝은 글자.

휴대폰 플로팅 메뉴

스크롤 시 플로팅 메뉴

선택: 끄기, 휴대폰에서기본값: 휴대폰에서휴대폰에서 헤더가 화면 밖으로 사라지면 같은 네 개의 아이콘이 엄지 가까이, 화면 아래의 알약 모양 바에 떠 있습니다. 메뉴·검색·장바구니는 페이지 맨 위에서처럼 위에서 열립니다. 채팅 앱: 그 위에 표시되도록 설정에서 아래 여백을 90px 이상으로 두세요.

플로팅 메뉴 모양

선택: 프레임에서 올라오는 탭, 플로팅, 위가 좁게, 플로팅, 위가 넓게기본값: 프레임에서 올라오는 탭탭: 프레임 하단에서 로고 노치 모양으로 올라오며 프레임 색상입니다. 플로팅 모양은 아래 메뉴 색상을 사용합니다.

플로팅 메뉴 색상

선택: 헤더 코인과 동일, 어둡게, 밝게기본값: 헤더 코인과 동일"헤더 코인과 동일"은 헤더 코인 색상을 따릅니다. 어두운 프레임에서는 어둡게, 흰 프레임에서는 밝게 표시됩니다.

하단 메뉴 아이콘 색상

색상휴대폰 플로팅 메뉴의 아이콘. 비워 두면 메뉴 톤의 색.

하단 메뉴 링 색상

색상각 아이콘을 둘러싼 얇은 링(채우기 없음). 열린 아이콘은 이 색으로 채워집니다. 비워 두면 메뉴 톤의 색.

프레임과의 거리

슬라이더, 0~24 px기본값: 4 px메뉴와 아래 프레임 사이의 간격, 또는 브라우저 바가 프레임을 가릴 때는 바와의 간격입니다. 위아래로 스크롤해도 같습니다. 기본값: 4px.

메뉴

메인 메뉴

메뉴콘텐츠 > 메뉴에서 메뉴 항목을 편집하세요.

휴대폰 메뉴 위의 작은 제목

텍스트비워 두면 기본값을 사용합니다.

멤버십 클럽 버튼 텍스트

텍스트휴대폰 메뉴 하단의 버튼입니다. 비워 두면 기본값을 사용합니다.

메뉴의 언어 및 국가 선택기

켜기 또는 끄기기본값: 켜짐클럽 버튼 위에 표시됩니다. 언어나 국가가 두 개 이상일 때만 나타납니다.

띠의 언어 선택

켜기 또는 끄기기본값: 켜짐컴퓨터에서는 상단 띠의 검색 아이콘 앞에 언어 선택이 표시됩니다. 휴대폰과 태블릿에서는 메뉴에 있습니다.

언어 옆에 국기 표시

켜기 또는 끄기기본값: 켜짐각 언어 옆에 작은 국기를 표시합니다. 언어는 국가가 아니므로 표시하지 않는 스토어도 있습니다.

메뉴의 소셜 네트워크

켜기 또는 끄기기본값: 켜짐바닥글처럼 클럽 버튼 아래에 채워진 아이콘이 한 줄로 표시됩니다. 링크와 순서는 테마 설정의 소셜 미디어에서 설정합니다. Facebook, Instagram, TikTok, YouTube, X은 링크를 추가하기 전까지 일반 아이콘으로 표시되며, 다른 네트워크는 링크가 있을 때만 표시됩니다.

메뉴 색상

색상기본값: #FFFFFF원하는 색상을 선택하세요. 텍스트와 버튼이 자동으로 맞춰지며, 어두운 색상에서는 텍스트가 크림색이 됩니다. 기본값: 프레임과 같은 흰색.

배경 스타일

선택: 단색, 조명 무대기본값: 단색조명 무대: 위에서 부드러운 빛이 내려와 아래로 갈수록 은은해지며, 선택한 색으로 만들어집니다. 밝은 색에서는 위쪽이 흰색이 되고, 어두운 색에서는 어두운 무대가 됩니다.

빛 색상

색상위쪽 가운데에서 비치는 은은한 빛입니다. 비워 두면 흰색입니다.

클럽 버튼 색상

색상메뉴 하단의 버튼입니다. 비워 두면 메뉴 색상을 사용합니다. 텍스트는 이에 맞춰 밝거나 어둡게 바뀝니다.

메뉴 배경 이미지

이미지선택 사항입니다. 이미지는 메뉴를 처음 열 때만 로드됩니다. 이미지 위에 메뉴 색상의 베일이 덮입니다.

이미지 위 베일 강도

슬라이더, 0~100 %기본값: 80 %텍스트를 읽기 쉽도록 메뉴 색상이 이미지를 덮는 정도입니다. 0이면 이미지가 그대로 표시됩니다.