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

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

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

<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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.makeshop.co.kr/manual/undefined-1/builder/editor_smartsync.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
