# 기본 제공 페이지

## 목차

* [상품 상세 페이지](#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. 옵션 박스 안에 입력된 글자의 글꼴을 바꿀 수 있나요?

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sixshop.com/learn-sixshop/store-design/default-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.