> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/manual/design/builder/editor_smartsync.md).

# 스마트스토어 연동 스킨(editor\_smartsync)

스마트스토어 연동 가입으로 생성된 상점은 스마트스토어 연동 스킨(editor\_smartsync) 이 적용돼요. 이 스킨은 일반 스킨과 유사하지만, 일부 배너가 달라요.

### 1. 스킨 편집 경로 및 **스킨명 확인**

* 메이크샵 어드민에서 `디자인 > 디자인 스킨 관리` 메뉴로 이동하면 스킨 편집 및 스마트스토어 연동 스킨을 확인할 수 있어요.    

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Frkm35ocXAAPvT2AtbLjW%2F%EB%94%94%EC%9E%90%EC%9D%B8_%EC%8A%A4%EB%A7%88%ED%8A%B8%EC%8A%A4%ED%86%A0%EC%96%B4%20%EC%96%B4%EB%93%9C%EB%AF%BC%20(1).png?alt=media&amp;token=37cd3db1-ad75-4173-a997-df65aebb60c3" alt=""><figcaption></figcaption></figure>

* 상단 메뉴의 <mark style="color:$primary;">**스킨명**</mark>에서 현재 적용된 스킨을 확인할 수 있어요.
* 스마트스토어 연동 스킨은 editor\_smartsync 로 표시돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FwaJTZm6pAXwNSz2XB6DQ%2F%EC%8A%A4%ED%82%A8%EB%AA%85%20%ED%99%95%EC%9D%B8.png?alt=media&amp;token=443501d3-113e-4ced-8acc-0603420e0f6d" alt=""><figcaption></figcaption></figure>

### **2. 슬라이드 배너(고정형)**

* editor\_smartsync 스킨의 슬라이드 배너는 <mark style="color:$primary;">**\[고정형] 슬라이드 배너**</mark>예요.
* 슬라이드 배너는 <mark style="color:$primary;">**스마트스토어에 등록한 프로모션 배너와 동일하게 연동**</mark>되어 노출돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FBOnyF4d5zele2l0YaorF%2F%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C%EB%B0%B0%EB%84%88%20%EA%B3%A0%EC%A0%95%ED%98%95%20(1).png?alt=media&amp;token=11af6561-f1ed-4355-8c02-28cdeb095eaf" alt=""><figcaption></figcaption></figure>

### **3. 1열 배너(고정형)**

* editor\_smartsync 스킨의 1열 배너는 <mark style="color:$primary;">**\[고정형] 1열 배너**</mark>예요.
* 1열 배너는 <mark style="color:$primary;">**스마트스토어에 등록한 자유배너와 동일하게 연동**</mark>되어 노출돼요.
* editor\_smartsync 스킨은 슬라이드 배너 하단에 2열 배너가 없어요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FCKE0eMBrn1Tz6nfs6p3S%2F1%20%EC%97%B4%EB%B0%B0%EB%84%88%20%EA%B3%A0%EC%A0%95%ED%98%95.png?alt=media&amp;token=7d8b2302-58b2-4155-ba1a-e08b5142da9c" alt=""><figcaption></figcaption></figure>

### **4. 로고**

* editor\_smartsync 스킨의 로고는 스마트스토어에 등록한 공통 GNB의로고 설정과 동일하게 연동되어 노출돼요.
* 스마트스토어에 PC/모바일 로고 이미지를 등록한 경우, 각 기기에서 동일한 로고 이미지가 노출돼요.
* 스마트스토어에서 텍스트형를 사용하는 경우, 텍스트 로고로 동일하게 노출돼요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FWrSzqKoWSg6HsioprhE3%2F%EB%A1%9C%EA%B3%A0.png?alt=media&amp;token=ebb3f95c-9ef3-4233-9011-2171bea6eabc" alt=""><figcaption></figcaption></figure>

### **5. 헤더 색상**

* editor\_smartsync 스킨은 스마트스토어의 공통관리> 컬러테마에서 설정한 상단(헤더) 영역 색상이 동일하게 반영되어 노출돼요.
* 샵빌더에서 헤더 영역 선택 후 배경 색상을 변경할하면 헤더 영역 색상을 변경할 수 있어요. &#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FUV5hJJGJ4GPN4jENTApN%2F%ED%97%A4%EB%8D%94%EC%83%89%EC%83%81.png?alt=media&amp;token=448877d6-4dbc-4d51-a8d4-8b142aa75299" alt=""><figcaption></figcaption></figure>