레이아웃 변형
스토어의 다섯 영역은 각각 따로 구조를 바꿀 수 있습니다. 변형은 영역의 배치 방식만 바꿀 뿐, 그 안에 담긴 내용은 바꾸지 않습니다.
| 메뉴 | 설정 → 화면 설정 |
| 패널 경로 | /admin/appearance/variants |
| 필요한 권한 | Platform → Settings → View list |
변형을 바꿔도 메뉴, 페이지, 상품, 가격에는 영향이 없습니다. 배치만 달라지며, 클릭 한 번으로 되돌릴 수 있습니다.
다섯 가지 영역
헤더
모든 페이지에 표시되는 내비게이션 바입니다.
| 변형 | 설명 |
|---|---|
| 기본 | 로고, 상품 링크, 언어·통화, 프로필 메뉴를 모두 갖춘 전체 내비게이션 |
| 메리디안 | 둥근 상품 링크와 골드 예약 버튼을 갖춘 높고 투명한 바 |
푸터
링크, 라이선스, 소셜 미디어가 들어가는 페이지 맨 아래 섹션입니다.
| 변형 | 설명 |
|---|---|
| 기본 | 링크 4열, 라이선스, 연락처 정보, 소셜 미디어 행 |
| 스카이라인 | 구분된 링크 열, 신뢰 배지, 도시 스카이라인이 그려진 법적 고지 바를 갖춘 어두운 브랜드 패널 |
| 메리디안 | 세리프 질문, 연락처, 링크 열로 구성된 어두운 문의 패널 |
홈페이지
히어로, 검색, 상품 섹션으로 이루어진 랜딩 페이지의 구조입니다.
| 변형 | 설명 |
|---|---|
| 기본 | 검색 상자가 있는 히어로와 그 아래 표준 순서로 이어지는 상품 섹션 |
| 컨시어지 | 사이드바가 있는 에디토리얼 세리프 히어로, 떠 있는 알약형 헤더, 검색 플래너 드로어 |
| 아틀라스 | 여행지 중심의 모자이크 그리드, 펼쳐지는 인라인 검색 바, 여백이 넉넉한 섹션 |
| 메리디안 | 스크롤하면 알리와 니노 조각상이 서로 멀어지는 어두운 에디토리얼 히어로와, 그 아래 따뜻한 스톤 배경에 놓인 세리프 투어 섹션 |
투어 목록
투어 검색 결과 페이지의 구성 방식입니다.
| 변형 | 설명 |
|---|---|
| 기본 | 필터 사이드바와 2열 카드 그리드 |
| 메리디안 | 에디토리얼 제목, 고정 필터 레일, 3열 세리프 카드 그리드 |
투어 페이지
개별 투어 페이지의 구성 방식입니다. 투어 하나를 보여 주는 페이지를 말하며, 홈 페이지에서 편집하는 투어 랜딩 페이지와는 다릅니다.
| 변형 | 설명 |
|---|---|
| 기본 | 갤러리, 사이드 메뉴, 차례로 쌓인 정보 카드 |
| 메리디안 | 정보 행이 붙은 세리프 제목, 와이드 갤러리, 고정 예약 칼럼 |
선택하기
선택지마다 레이아웃을 간단히 그린 스케치, 이름, 한 줄 설명이 담긴 카드로 표시됩니다. 투어 목록과 투어 페이지 선택지에는 스케치 대신 빈 자리 표시가 나옵니다. 영역마다 현재 적용된 변형에는 적용 중, 저장을 기다리는 선택에는 선택됨이 표시됩니다.
| 작업 | 기능 |
|---|---|
| 변경 사항 저장 | 선택한 변형을 적용 |
| 초기화 | 현재 적용된 상태로 복귀 |
다섯 영역은 서로 독립적입니다. 스카이라인 푸터와 기본 홈페이지를 함께 써도 됩니다.
상황에 맞는 홈페이지 변형
| 이런 경우 | 추천 변형 |
|---|---|
| 방문자가 주로 검색하러 오는 경우 | 기본(방문자가 가장 먼저 만나는 것이 검색 상자) |
| 영감을 주는 에디토리얼 콘텐츠로 판매하는 경우 | 컨시어지(검색은 드로어 안으로 이동) |
| 여행지가 가장 큰 강점인 경우 | 아틀라스(여행지 모자이크와 인라인 검색) |
| 가이드 투어를 주로 판매하는 경우 | 메리디안(전체 화면 히어로 다음에 에디토리얼 섹션으로 투어 소개) |
아틀라스와 컨시어지는 둘 다 여행지 이미지를 더 넓게 보여 줍니다. 그래서 인기 호텔 여행지와 히어로 이미지를 먼저 갖춰 두면 가장 효과적입니다.
메리디안은 한 벌로 디자인되었습니다. 헤더, 푸터, 홈페이지, 투어 목록, 투어 페이지가 같은 에디토리얼 스타일을 공유하므로 다섯 영역 모두 메리디안으로 고르세요. 히어로에는 등록한 히어로 이미지 대신 메리디안에 내장된 이미지가 쓰이며, 판매자 정보에 헤드라인 텍스트와 서브 헤드라인 텍스트를 입력해 두었다면 그 문구가 표시됩니다. 검색 바에는 해당 페이지 상품(항공권, 호텔, 투어, 액티비티, 비자)의 검색 항목이 나오고, 방문자가 누르면 전체 검색 양식이 열립니다.
메리디안도 다른 변형과 마찬가지로 색상 팔레트의 색을 따릅니다. 설명에 나오는 골드 버튼과 따뜻한 스톤 배경은 Meridian 팔레트의 색이며, 다른 팔레트를 쓰면 그 팔레트의 색으로 표시됩니다.
고객에게 보이는 화면
저장하는 즉시 스토어에 구조 변경이 반영됩니다.
자주 묻는 질문
콘텐츠가 사라지지는 않나요? 아니요. 변형은 배치를 바꿀 뿐 아무것도 삭제하지 않습니다.
여러 변형을 섞어 쓸 수 있나요? 네. 다섯 영역은 서로 독립적입니다.
색상도 바뀌나요? 아니요. 색상은 색상 팔레트에서 바꿉니다.
변형을 미리 볼 수 있나요? 팔레트와 달리 변형은 저장하는 순간 적용됩니다. 되돌리면 바로 원래대로 돌아옵니다.