# 쇼핑몰 기본 꾸미기

## Step 1. 브라우저 상단 꾸미기

* 위치 : 기본설정 > 기본 정책 > 기본 정보 설정
* 기능설명 : 브라우저 상단에 노출되는 타이틀과 파비콘을 설정함으로써 사이트에 대한 홍보 효과를 누릴 수 있습니다.

### 1-1. 브라우저 상단 타이틀 및 파비콘 입력

<figure><img src="https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FAG9AFHZqjpaLO3Wc7nml%2Fimage.png?alt=media&#x26;token=a375f363-3655-4856-aa5a-690232767994" alt=""><figcaption><p>기본설정 > 기본 정책 > 기본 정보 설정</p></figcaption></figure>

1. 인터넷 브라우저 상단에 보여지는 페이지 제목을 입력하는 기능으로, 쇼핑몰명이나 특징을 어필할 수 있습니다.
   * 브라우저 노출 제한이 있으므로, 한글 기준 10자 이내로 작성하시길 추천합니다.
2. 파비콘은 인터넷 브라우저 타이틀 왼쪽에 노출되는 이미지를 등록하는 기능입니다.
   * 사이트의 로고나 특정이미지를 지속 노출함으로써, 고객에게 쇼핑몰의 인지도를 높일 수 있는 수단이 됩니다.

<figure><img src="https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FdCUXJMPZeNkjv8vcdMNZ%2Fimage.png?alt=media&#x26;token=80b3005e-cc4b-4b10-b507-274a57dedbf3" alt=""><figcaption><p>타이틀, 파비콘 예시</p></figcaption></figure>

***

## Step 2. 로고 등록을 위한 디자인 스킨 확인

* 위치 : 디자인 > 디자인 설정 > 디자인 스킨 리스트
* 기능설명 : 현재 쇼핑몰 화면에 적용 중인 디자인 스킨과 보유스킨 확인 및 적용스킨과 작업스킨을 설정할 수 있습니다.

### 2-1. 사용중 디자인 스킨 or 작업중 디자인 스킨 확인

<figure><img src="https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FVWGhAKF4964HjDLk2IAB%2Fimage.png?alt=media&#x26;token=2b1ffe40-fb09-4396-8ce1-261d2ae52825" alt=""><figcaption><p>디자인 > 디자인 설정 > 디자인 스킨 리스트</p></figcaption></figure>

1. 고도몰의 경우, 여러 개의 다양한 디자인 스킨을 보유할 수 있으며, 그 중 원하는 스킨을 선택하여 쇼핑몰 디자인으로 적용할 수 있습니다.
   * 사용중인 스킨으로 설정된 스킨이 쇼핑몰 화면에서 실제 고객들에게 노출되고 있는 디자인 스킨입니다.
2. 보유하고 있는 스킨 중, 디자인 작업을 할 수 있는 스킨을 선택할 수 있습니다.
   * 현재 사용 중인 스킨이 아닌 다른 스킨을 작업 스킨으로 설정하면, 쇼핑몰에 노출되지 않고 디자인 작업을 진행할 수 있습니다.

***

## Step 3. 쇼핑몰 로고 등록

* 위치 : 디자인 > 디자인 설정 > 배너 관리
* 기능설명 : 주로 사용되는 배너 등을 스킨별로 등록하며, 배너 그룹을 생성하여 배너 관리를 할 수 있습니다.

### 3-1. 배너 확인 및 수정

<figure><img src="https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FJ8Uf3ewaRRxLvxoYHfU5%2Fimage.png?alt=media&#x26;token=a91f2bf6-c512-4b74-8c7a-7158c15978b3" alt=""><figcaption><p>디자인 > 디자인 설정 > 배너 관리</p></figcaption></figure>

1. 앞서 STEP 2단계에서의 스킨리스트에서 확인한 로고를 적용/수정할 스킨을 찾습니다.
2. 수정하고자 하는 로고를 찾습니다.
   * PC용 상단 로고와 하단로고, 모바일용 상단 로고 등을 대상으로 로고를 수정하시면 됩니다.
3. 수정 버튼을 이용하여 배너 수정창을 오픈 한 후, 수정하려는 로고 이미지를 등록하시면 됩니다.

   <figure><img src="https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FNVCs2l0d1rjjBrpNQEYY%2Fimage.png?alt=media&#x26;token=bdf61b2f-cf85-4c4b-8ab8-53142a695d78" alt=""><figcaption><p>디자인 > 디자인 설정 > 배너 관리 > 수정</p></figcaption></figure>