기본 제공 페이지

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

목차

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

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

1. 상품 상세 페이지

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

상품 이름(본 상품, 함께 사면 좋은 상품)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 상품 이름

크기(본 상품): 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 상품 이름 크기(함께 사면 좋은 상품): 고정

가격(본 상품, 함께 사면 좋은 상품)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 가격

크기(본 상품): 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 가격 크기(함께 사면 좋은 상품): 고정

요약 설명

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글

크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 요약 설명 > 크기

적립금/배송비/옵션 제목/주문 수량/총 상품 금액/후기 별점

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글

크기: 고정

후기 개수/아이콘/공유하기

색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글 글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정

박스(옵션, 함께 사면 좋은 상품)

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선

버튼(구매하기, 장바구니에 담기)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

크기: 고정 문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 구매하기/장바구니 버튼

네비게이션 영역

글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글

색상/크기/문구 등: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 네비게이션

상품 이름(관련 상품)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 상품 이름

크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 관련 상품

가격(관련 상품)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 목록 섹션 > 가격

크기: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 관련 상품

상품 설명

글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글

색상/크기: [식스샵 > 상품]에서 해당 상품 우측 [편집하기] 클릭 후 개별 설정

상품 상세 설명 편집 방법은 여기를 참고해 주세요.

후기와 질문

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 상품 상세 > 후기와 질문

후기와 질문 게시판 노출 방법은 여기를 참고해 주세요.

구분선

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선

버튼(후기 쓰기, 질문 쓰기)

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

2. 장바구니 페이지

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

장바구니 이름

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글

크기/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 장바구니 이름

장바구니 설명(상품 정보/수량/가격/배송비)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글

크기: 고정 문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 장바구니 설명

상품별 이름/수량/가격/배송비/합계를 포함한 모든 글자 영역

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글

크기: 고정

삭제하기

색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글

글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글

크기: 고정

위치/종류: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 삭제하기 버튼

박스와 구분선

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선

버튼(구매하기)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

크기/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 장바구니 > 구매하기 버튼

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

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

3-1. 로그인 페이지

로그인

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글

크기/정렬/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 로그인 이름

이메일/비밀번호

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정

비밀번호 찾기/비회원 주문 조회하기

색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 링크

글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정

박스

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선

버튼(로그인하기/회원 가입하기)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

크기: 고정

문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 로그인/회원 가입 버튼

⑥ 상단/하단 이미지 첨부

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 로그인 > 상단/하단 이미지

3-2. 회원 가입 페이지

회원 가입

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글

크기/정렬/문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 회원 가입 이름

이메일/이름/비밀번호/비밀번호 확인/동의 항목

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정

이용 약관/개인정보 수집 및 이용

색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 링크

글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정

박스

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선

버튼(가입하기)

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

크기: 고정

문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 가입하기 버튼

⑥ 추천인 안내

문구: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 회원가입 > 추천인

4. 마이 페이지

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

주문 내역/내가 쓴 글/회원 정보

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 제목글 크기: 고정

이메일/이름/휴대폰 번호/우편번호/주소를 포함한 모든 글자 영역

색상/글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정

로그아웃/비밀번호 변경하기/탈퇴하기/후기 쓰러 가기

색상: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 보조글

글꼴: 디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 줄글 크기: 고정

박스와 구분선

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 선

버튼(검색하기, 변경 사항 저장하기)

디자인 편집 > 왼쪽 하단 메뉴(≡) > 스타일 편집 > 버튼

🤔 기본 제공 페이지 FAQ

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

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

Last updated