> 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/undefined-1/builder/editor_smartsync.md).

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

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

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

<figure><img src="/files/3SWx5SMfl3CtKN9ZnAMc" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/debpURrdMkEY8HZQj11i" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/zIGgIqKaalndEBNppyLH" 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="/files/FocokTRWo2RvqYJeGjXN" alt=""><figcaption></figcaption></figure>

### **4. 로고**

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

<figure><img src="/files/kN1MT8M577ft3GGZAWjx" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/aIE746sM5iFa5sdsfipe" alt=""><figcaption></figcaption></figure>