기본 제공 페이지

상품 상세 페이지, 장바구니 페이지, 로그인 및 회원 가입 페이지, 마이 페이지를 수정해 보세요.

목차

• 상품 상세 페이지

• 장바구니 페이지

• 로그인 및 회원 가입 페이지

  • 로그인 페이지

  • 회원 가입 페이지

• 마이 페이지

• 🤔 기본 제공 페이지 FAQ

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

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

1. 상품 상세 페이지

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

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

① 네비게이션 영역 글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 색상/크기/문구 등: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 네비게이션
② 상품 이름(관련 상품) 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 상품 이름 크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 관련 상품
③ 가격(관련 상품) 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 가격 크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 관련 상품
④ 상품 설명 글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 색상/크기: [식스샵 > 상품]에서 해당 상품 우측 [편집하기] 클릭 후 개별 설정 상품 상세 설명 편집 방법은 여기를 참고해 주세요.
⑤ 후기와 질문 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 후기와 질문 후기와 질문 게시판 노출 방법은 여기를 참고해 주세요.
⑥ 구분선 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선
⑦ 버튼(후기 쓰기, 질문 쓰기) 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

2. 장바구니 페이지

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

① 장바구니 이름 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글 크기/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 장바구니 이름
② 장바구니 설명(상품 정보/수량/가격/배송비) 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정 문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 장바구니 설명
③ 상품별 이름/수량/가격/배송비/합계를 포함한 모든 글자 영역 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정
④ 삭제하기 색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글 글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정 위치/종류: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 삭제하기 버튼
⑤ 박스와 구분선 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선
⑥ 버튼(구매하기) 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼 크기/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 구매하기 버튼

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

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

3-1. 로그인 페이지

① 로그인 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글 크기/정렬/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 로그인 이름
② 이메일/비밀번호 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정
③ 비밀번호 찾기/비회원 주문 조회하기 색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 링크 글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정
④ 박스 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선
⑤ 버튼(로그인하기/회원 가입하기) 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼 크기: 고정 문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 로그인/회원 가입 버튼
⑥ 상단/하단 이미지 첨부 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 상단/하단 이미지

3-2. 회원 가입 페이지

① 회원 가입 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글 크기/정렬/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 회원 가입 이름
② 이메일/이름/비밀번호/비밀번호 확인/동의 항목 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정
③ 이용 약관/개인정보 수집 및 이용 색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 링크 글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정
④ 박스 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선
⑤ 버튼(가입하기) 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼 크기: 고정 문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 가입하기 버튼
⑥ 추천인 안내 문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 추천인

4. 마이 페이지

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

① 주문 내역/내가 쓴 글/회원 정보 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글 크기: 고정
② 이메일/이름/휴대폰 번호/우편번호/주소를 포함한 모든 글자 영역 색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정
③ 로그아웃/비밀번호 변경하기/탈퇴하기/후기 쓰러 가기 색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글 글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정
④ 박스와 구분선 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선
⑤ 버튼(검색하기, 변경 사항 저장하기) 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

🤔 기본 제공 페이지 FAQ

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

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