# 디자인 스킨 관리

## 관리자 메뉴 위치

`디자인` > `디자인 스킨 관리` > `디자인 스킨 관리` 

## 내 쇼핑몰 디자인 확인 및 편집 방법

`디자인` > `디자인 스킨 관리` > `디자인 스킨 관리` > `보관 스킨` 메뉴를 확인해 주세요.   

<mark style="color:$primary;">\[사용 중]</mark> 으로 표시된 스킨이 현재 내 쇼핑몰에 적용된 디자인이에요.

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

&#x20;**① 미리보기**&#x20;

* 해당 디자인 스킨을 미리볼 수 있어요.&#x20;

**② 디자인 편집**

* 디자인 수정이 필요할 때 편집 페이지에 들어갈 수 있어요.&#x20;

**③ 복사**

* 디자인스킨을 똑같이 복사해서 하나의 스킨을 추가로 만들 수 있어요.&#x20;

**④ 업로드**

* tar 파일로 한 번에 디자인 소스를 업로드 할 수 있어요.&#x20;

**⑤ 삭제**

* 해당 스킨을 삭제할 수 있어요. 삭제한 스킨은 복구되지 않으니 주의해서 삭제해 주세요.

**⑥ 다운**

* 작업된 디자인 스킨을 tar파일로 다운로드 받을 수 있어요.&#x20;

## 디자인 편집하기&#x20;

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

* 내 쇼핑몰 스킨의 <mark style="color:$primary;">\[디자인 편집]</mark> 버튼으로 편집 페이지에 들어갈 수 있어요.&#x20;
* 자세한 디자인 편집 방법은 (링크) 확인해 주세요.&#x20;

## 다른 디자인 스킨 사용하기

{% stepper %}
{% step %}

### 스킨 검색하기&#x20;

`디자인` > `디자인 스킨 관리` > `디자인 스킨 추가` 메뉴에 들어가 주세요.\
200개가 넘는 다양한 무료 디자인 스킨이 제공되니 원하시는 스킨을 찾아 보세요.&#x20;

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

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

{% endstep %}

{% step %}

### 스킨 디자인 미리보기&#x20;

마음에 드는 디자인 스킨이 있다면 <mark style="color:$primary;">\[미리보기>]</mark> 버튼에 마우스를 올려주세요. \
PC/모바일 디자인 미리보기를 통해 원하시는 디자인이 맞는지 확인해 보세요.&#x20;

<figure><img src="/files/ZQzYY5iEIU79vmo9IvBz" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 스킨 추가하기

마음에 드는 디자인을 찾았다면 <mark style="color:$primary;">\[디자인 추가]</mark> 버튼에 마우스를 올려 PC/모바일 버전별로 각각추가해 주세요.

<figure><img src="/files/jHXnQVF82qWdDsovKcfl" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 추가된 스킨 사용하기

추가한 스킨은디자인 > 디자인 스킨 관리 > 디자인 스킨 관리 > 보관 스킨 메뉴에서\
현재 사용 중인 스킨의 바로 아래 두 번째 순서로 추가돼요.&#x20;

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

**① 쇼핑몰 적용**&#x20;

* 내 쇼핑몰의 최종 디자인으로 변경돼요.&#x20;

**② 미리보기**&#x20;

* 디자인 스킨이 어떤 모습인지 적용 전에 미리보기 할 수 있어요.

**③ 디자인 편집**

* 추가된 스킨의 디자인을 편집할 수 있어요.&#x20;

{% hint style="success" %}
작업 TIP

* 안전한 디자인 작업을 위해 사용 중인 스킨을 복사해 주세요.
* 복사된 스킨 기준으로 디자인 작업 후 미리보기에서 문제가 없다면 최종적으로 쇼핑몰에 적용해 주세요.  &#x20;
  {% endhint %}
  {% endstep %}
  {% endstepper %}


---

# 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/undefined.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.