> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/learn-sixshop/store-design/default-page.md).

# 기본 제공 페이지

## 목차

* [상품 상세 페이지](#id-1)
* [장바구니 페이지](#id-2)
* [로그인 및 회원 가입 페이지](#id-3)
  * [로그인 페이지](#id-3-1)
  * [회원 가입 페이지](#id-3-2)
* [마이 페이지](#id-4)
* [🤔 기본 제공 페이지 FAQ](#faq)

기본 제공 페이지는 상점 운영 시 기본적으로 세팅되는 페이지로 디자인 편집 에디터의 스타일 편집 값을 공유합니다. \[식스샵 > 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집]의 여러 영역에서 각각의 요소를 수정할 수 있습니다.

{% hint style="warning" %}
스타일 편집 값은 해당 요소들에 공통으로 적용되는 점 유의해 주세요. 예를 들어 줄글의 설정 중 색상을 변경한다면 기본 제공 요소 중 줄글이 반영되는 영역의 색상에 일괄 적용됩니다.
{% endhint %}

## 1. 상품 상세 페이지

상품 상세 페이지는 상품 목록 섹션, 줄글, 보조글, 선, 버튼 및 상품 상세 단독 스타일 편집 값을 따라가는 영역들로 구성됩니다.

<figure><img src="/files/ZPvTxDlPEWP1dKLiy4OS" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>　</th><th data-hidden>　</th><th data-hidden></th><th data-hidden>　</th></tr></thead><tbody><tr><td><p>① <strong>상품 이름(본 상품, 함께 사면 좋은 상품)</strong> </p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 상품 이름</p><p>크기(본 상품): 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 상품 이름<br>크기(함께 사면 좋은 상품): 고정</p></td><td></td><td></td><td>상품 이름(본 상품, 함께 사면 좋은 상품, 관련 상품)</td></tr><tr><td><p>② <strong>가격(본 상품, 함께 사면 좋은 상품)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 가격</p><p>크기(본 상품): 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 가격<br>크기(함께 사면 좋은 상품): 고정</p></td><td>②</td><td></td><td>가격</td></tr><tr><td><p>③ <strong>요약 설명</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글</p><p>크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 요약 설명 > 크기</p></td><td>③</td><td></td><td>요약 설명</td></tr><tr><td><p>④ <strong>적립금/배송비/옵션 제목/주문 수량/총 상품 금액/후기 별점</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글</p><p>크기: 고정</p></td><td>④</td><td></td><td>배송비/옵션 제목/주문 수량/총 상품 금액</td></tr><tr><td><p>⑤ <strong>후기 개수/</strong>ⓘ <strong>아이콘/공유하기</strong></p><p>색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글<br>글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글<br>크기: 고정</p></td><td>⑤</td><td></td><td>박스(옵션, 함께 사면 좋은 상품)</td></tr><tr><td><p>⑥ <strong>박스(옵션, 함께 사면 좋은 상품)</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선</p></td><td>⑥</td><td></td><td>버튼(구매하기, 장바구니에 담기)</td></tr><tr><td><p>⑦ <strong>버튼(구매하기, 장바구니에 담기)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼</p><p>크기: 고정<br>문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 구매하기/장바구니 버튼</p></td><td>⑦</td><td></td><td>후기 개수</td></tr></tbody></table>

<figure><img src="/files/zf2UlycEH8L3zk6b87xU" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>　</th><th data-hidden>　</th><th data-hidden></th><th data-hidden>　</th></tr></thead><tbody><tr><td><p>① <strong>네비게이션 영역</strong></p><p>글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글</p><p>색상/크기/문구 등: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 네비게이션</p></td><td></td><td></td><td>상품 이름(본 상품, 함께 사면 좋은 상품, 관련 상품)</td></tr><tr><td><p>② <strong>상품 이름(관련 상품)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 상품 이름</p><p>크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 관련 상품</p></td><td>②</td><td></td><td>가격</td></tr><tr><td><p>③ <strong>가격(관련 상품)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 가격</p><p>크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 관련 상품</p></td><td>③</td><td></td><td>요약 설명</td></tr><tr><td><p>④ <strong>상품 설명</strong></p><p>글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글</p><p>색상/크기: [식스샵 > 상품]에서 해당 상품 우측 [편집하기] 클릭 후 개별 설정</p><p>상품 상세 설명 편집 방법은 <a href="https://help.sixshop.com/learn-sixshop/store-manager/products#2-2.">여기</a>를 참고해 주세요.</p></td><td>④</td><td></td><td>배송비/옵션 제목/주문 수량/총 상품 금액</td></tr><tr><td><p>⑤ <strong>후기와 질문</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 후기와 질문</p><p>후기와 질문 게시판 노출 방법은 <a href="https://help.sixshop.com/learn-sixshop/store-manager/qna-and-review">여기</a>를 참고해 주세요.</p></td><td>⑤</td><td></td><td>박스(옵션, 함께 사면 좋은 상품)</td></tr><tr><td><p>⑥ <strong>구분선</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선</p></td><td>⑥</td><td></td><td>버튼(구매하기, 장바구니에 담기)</td></tr><tr><td><p>⑦ <strong>버튼(후기 쓰기, 질문 쓰기)</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼</p></td><td>⑦</td><td></td><td>후기 개수</td></tr></tbody></table>

## 2. 장바구니 페이지

장바구니 페이지는 제목글, 줄글, 보조글, 선, 버튼 및 장바구니 단독 스타일 편집 값을 따라가는 영역들로 구성됩니다.

<figure><img src="/files/uApoHxsEaypz6nCuqNty" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>　</th><th data-hidden>　</th><th data-hidden></th><th data-hidden>　</th></tr></thead><tbody><tr><td><p>① <strong>장바구니 이름</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글</p><p>크기/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 장바구니 이름</p></td><td></td><td></td><td>상품 이름(본 상품, 함께 사면 좋은 상품, 관련 상품)</td></tr><tr><td><p>② <strong>장바구니 설명(상품 정보/수량/가격/배송비)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글</p><p>크기: 고정<br>문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 장바구니 설명</p></td><td>②</td><td></td><td>가격</td></tr><tr><td><p>③ <strong>상품별 이름/수량/가격/배송비/합계를 포함한 모든 글자 영역</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글</p><p>크기: 고정</p></td><td>③</td><td></td><td>요약 설명</td></tr><tr><td><p>④ <strong>삭제하기</strong></p><p>색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글</p><p>글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글</p><p>크기: 고정</p><p>위치/종류: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 삭제하기 버튼</p></td><td>④</td><td></td><td>배송비/옵션 제목/주문 수량/총 상품 금액</td></tr><tr><td><p>⑤ <strong>박스와 구분선</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선</p></td><td>⑤</td><td></td><td>박스(옵션, 함께 사면 좋은 상품)</td></tr><tr><td><p>⑥ <strong>버튼(구매하기)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼</p><p>크기/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 구매하기 버튼</p></td><td>⑥</td><td></td><td>버튼(구매하기, 장바구니에 담기)</td></tr></tbody></table>

## 3. 로그인 및 회원 가입 페이지

로그인 및 회원 가입 페이지는 제목글, 줄글, 링크, 선, 버튼의 스타일 편집 값을 따라가는 영역들로 구성됩니다.

### 3-1. 로그인 페이지

<figure><img src="/files/WAB0jgMGcPYVlG9iLr4I" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>　</th><th data-hidden>　</th><th data-hidden></th><th data-hidden>　</th></tr></thead><tbody><tr><td><p>① <strong>로그인</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글</p><p>크기/정렬/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 로그인 이름</p></td><td></td><td></td><td>상품 이름(본 상품, 함께 사면 좋은 상품, 관련 상품)</td></tr><tr><td><p>② <strong>이메일/비밀번호</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글<br>크기: 고정</p></td><td>②</td><td></td><td>가격</td></tr><tr><td><p>③ <strong>비밀번호 찾기/비회원 주문 조회하기</strong></p><p>색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 링크</p><p>글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글<br>크기: 고정</p></td><td>③</td><td></td><td>요약 설명</td></tr><tr><td><p>④ <strong>박스</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선</p></td><td>④</td><td></td><td>배송비/옵션 제목/주문 수량/총 상품 금액</td></tr><tr><td><p>⑤ <strong>버튼(로그인하기/회원 가입하기)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼</p><p>크기: 고정</p><p>문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 로그인/회원 가입 버튼</p></td><td>⑤</td><td></td><td><p></p><p>박스(옵션, 함께 사면 좋은 상품)</p></td></tr><tr><td><p><strong>⑥ 상단/하단 이미지 첨부</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 상단/하단 이미지</p></td><td></td><td></td><td></td></tr></tbody></table>

### 3-2. 회원 가입 페이지

<figure><img src="/files/Menn6qOY0nJKS3cyoOJy" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>　</th><th data-hidden>　</th><th data-hidden></th><th data-hidden>　</th></tr></thead><tbody><tr><td><p>① <strong>회원 가입</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글</p><p>크기/정렬/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 회원 가입 이름</p></td><td></td><td></td><td>상품 이름(본 상품, 함께 사면 좋은 상품, 관련 상품)</td></tr><tr><td><p>② <strong>이메일/이름/비밀번호/비밀번호 확인/동의 항목</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글<br>크기: 고정</p></td><td>②</td><td></td><td>가격</td></tr><tr><td><p>③ <strong>이용 약관/개인정보 수집 및 이용</strong></p><p>색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 링크</p><p>글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글<br>크기: 고정</p></td><td>③</td><td></td><td>요약 설명</td></tr><tr><td><p>④ <strong>박스</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선</p></td><td>④</td><td></td><td>배송비/옵션 제목/주문 수량/총 상품 금액</td></tr><tr><td><p>⑤ <strong>버튼(가입하기)</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼</p><p>크기: 고정</p><p>문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 가입하기 버튼</p></td><td>⑤</td><td></td><td><p></p><p>박스(옵션, 함께 사면 좋은 상품)</p></td></tr><tr><td><p><strong>⑥ 추천인 안내</strong></p><p>문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 추천인</p></td><td></td><td></td><td></td></tr></tbody></table>

## 4. 마이 페이지

마이 페이지는 제목글, 줄글, 보조글, 선, 버튼의 스타일 편집 값을 따라가는 영역들로 구성됩니다.

<figure><img src="/files/g2MacC782oISouXBNCWl" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th>　</th><th data-hidden>　</th><th data-hidden></th><th data-hidden>　</th></tr></thead><tbody><tr><td><p>① <strong>주문 내역/내가 쓴 글/회원 정보</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글<br>크기: 고정</p></td><td></td><td></td><td>상품 이름(본 상품, 함께 사면 좋은 상품, 관련 상품)</td></tr><tr><td><p>② <strong>이메일/이름/휴대폰 번호/우편번호/주소를 포함한 모든 글자 영역</strong></p><p>색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글<br>크기: 고정</p></td><td>②</td><td></td><td>가격</td></tr><tr><td><p>③ <strong>로그아웃/비밀번호 변경하기/탈퇴하기/후기 쓰러 가기</strong></p><p>색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글</p><p>글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글<br>크기: 고정</p></td><td>③</td><td></td><td>요약 설명</td></tr><tr><td><p>④ <strong>박스와 구분선</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선</p></td><td>④</td><td></td><td>배송비/옵션 제목/주문 수량/총 상품 금액</td></tr><tr><td><p>⑤ <strong>버튼(검색하기, 변경 사항 저장하기)</strong></p><p>디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼</p></td><td>⑤</td><td></td><td><p></p><p>박스(옵션, 함께 사면 좋은 상품)</p></td></tr></tbody></table>

## 🤔 기본 제공 페이지 FAQ

### Q. 옵션 박스 안에 입력된 글자의 글꼴을 바꿀 수 있나요?

옵션 드롭박스의 글꼴은 브라우저에 설정된 기본 폰트가 적용되어 식스샵 내에서 변경할 수 없습니다.