헤더와 푸터 맞춤 설정
스토어의 모든 페이지에 공통으로 표시되는 로고, 메뉴 레이아웃, 푸터를 바꾸고 헤더와 푸터를 표시하거나 숨기는 방법을 안내합니다.
헤더와 푸터는 스토어의 모든 페이지에 나타나는 두 영역입니다. 헤더에는 로고와 메뉴가 있고, 푸터에는 보통 짧은 소개, 링크 열, 저작권 문구가 있습니다. 편집기에서 아무 페이지에서나 한 번만 수정하면 모든 페이지에 반영됩니다.
헤더와 푸터 찾기
편집기에서 헤더는 모든 페이지의 맨 위에, 푸터는 맨 아래에 있습니다. 둘 다 왼쪽 패널 아래쪽의 구조 목록에도 표시되며, 오른쪽에 눈 아이콘이 있습니다. 둘 중 하나의 설정에는 전역 배지가 붙어 있어, 수정하면 모든 페이지가 바뀐다는 점을 알려 줍니다.
로고 바꾸기
- 헤더의 메뉴를 클릭합니다. 오른쪽 설정 패널에 메뉴가 표시됩니다.
- 로고를 클릭해 해당 그룹을 엽니다.
- 로고를 추가하려면 이미지 업로드를, 이미 추가한 이미지를 고르려면 업로드한 이미지 보기를 클릭합니다. 이미지 추가 및 미디어 라이브러리 사용을 참고하세요.
- 로고 높이 슬라이더를 끌어 원하는 크기로 맞춥니다.
워드마크는 스토어 이름을 텍스트로 쓴 것입니다. 로고 이미지를 추가하지 않았을 때 고객에게 표시되며, 그림을 볼 수 없는 사람에게는 로고의 설명으로도 쓰입니다. 브라우저 탭의 작은 아이콘은 사이트 디자인에 있는 별도 설정입니다.
메뉴 레이아웃 바꾸기
- 헤더 메뉴를 선택한 상태에서 메뉴 그룹을 엽니다.
- 레이아웃을 선택합니다. 로고 왼쪽, 링크 오른쪽, 가운데 정렬, 세로 배치 중에서 고를 수 있습니다.
- 장바구니 버튼 표시를 켜거나 끕니다. 계정 아이콘은 고객이 로그인하고 주문을 확인하는 데 쓰이므로 항상 표시됩니다.
같은 그룹에서 메뉴의 서체와 링크 목록도 설정합니다. 메뉴 링크 편집을 참고하세요. 메뉴에 색이 있는 바를 두려면 모양을 열고 배경색을 선택하세요.
헤더나 푸터 전체 스타일 지정
메뉴는 헤더 안의 블록 하나입니다. 헤더와 푸터 자체는 섹션이며, 섹션에는 고유한 설정이 있습니다.
- 구조 목록에서 헤더 또는 푸터를 클릭합니다.
- 일반 그룹을 엽니다.
- 필요한 항목을 바꿉니다. 배경색, 배경 이미지, 텍스트 색상, 최소 높이, 상하 여백, 그리드 간격, 콘텐츠 너비를 설정할 수 있습니다.
푸터 편집
푸터도 다른 섹션처럼 블록으로 구성됩니다. 푸터 안의 블록을 클릭해 편집하거나, 왼쪽 패널에서 새 블록을 끌어다 놓거나, 블록을 다른 위치로 끌어 옮길 수 있습니다. 푸터의 링크 열은 링크 목록 블록입니다. 열 제목을 입력하고 링크를 추가하세요. 링크는 메뉴 링크와 똑같이 작동합니다.
소셜 미디어 계정을 추가하려면 소셜 링크 블록을 푸터로 끌어다 놓은 다음 계정에서 각 계정의 주소를 입력합니다. 주소를 입력하지 않은 계정은 표시되지 않습니다.
헤더나 푸터 숨기기
구조 목록에서 헤더 또는 푸터 행의 눈 아이콘을 클릭합니다. 해당 행에 취소선이 그어지고 그 영역이 모든 페이지에서 사라집니다. 아이콘을 다시 클릭하면 되돌아옵니다. 헤더와 푸터는 삭제하거나 이동할 수 없고 숨기기만 할 수 있습니다.
중요: 헤더를 숨기면 모든 페이지에서 고객이 메뉴, 계정 아이콘, 장바구니 버튼을 쓸 수 없게 됩니다.
결제 페이지는 이 규칙의 예외입니다. 고객이 주문에 집중할 수 있도록 기본적으로 로고만 표시됩니다. 그곳에 메뉴나 푸터를 다시 표시하려면 해당 페이지의 결제 블록을 선택하고 사이트 메뉴 표시 또는 푸터 표시를 켜세요.
변경 내용은 작업하는 대로 저장됩니다. 다음에 게시할 때 실제 스토어에 반영됩니다.