> For the complete documentation index, see [llms.txt](https://nhn-commerce.gitbook.io/shopby_enterprise_manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nhn-commerce.gitbook.io/shopby_enterprise_manual/appearance/skin.md).

# 디자인 스킨 리스트

**✅&#x20;**<mark style="background-color:red;">**신규 기본 무료스킨 '오로라 (PC+모바일) 개별형' 추가 방법과 에디터 화면은**</mark> [<mark style="background-color:red;">**무료스킨 추가**</mark>](/shopby_enterprise_manual/appearance/skin/freeskin.md)<mark style="background-color:red;">**와**</mark> [<mark style="background-color:red;">**에디터**</mark>](/shopby_enterprise_manual/appearance/skin/editor.md)<mark style="background-color:red;">**에서 확인 가능합니다.**</mark>&#x20;

{% hint style="info" %}
**쇼핑몰 운영 방식이 '스킨'인 쇼핑몰에서 스킨을 구매하고, 보유한 스킨을 관리하는 디자인 스킨 리스트 메뉴입니다.**

**어드민에 등록된 쇼핑몰이 2개 이상인 경우 쇼핑몰 별로 스킨 관리가 가능합니다.**

**쇼핑몰 운영 방식이 '스킨'인 쇼핑몰은 에디터 기능을 활용하여 스킨 소스 코드를 수정하고 관리할 수 있습니다.**
{% endhint %}

## 쇼핑몰 운영 방식

<figure><img src="/files/ARQKNH3rZdgImp5xka2f" alt=""><figcaption><p>&#x3C;쇼핑몰 운영 방식></p></figcaption></figure>

**① 쇼핑몰 운영 방식**\
디자인 관리를 '스킨' 과 '헤드리스' 중에서 선택하여 쇼핑몰을 운영하고 관리할 수 있습니다.&#x20;

**② 스킨 운영 방식**\
쇼핑몰 신규 신청 시 기본값으로 설정된  스킨 운영 방식입니다. \
쇼핑몰을 구성하는 모든 페이지에 공통으로 적용되는 디자인 템플릿이 존재하며 디자인 관련 메뉴와 어드민 기능이 연결되어 있어 어드민에서 수정과 관리가 가능한 운영 방식입니다.

**③ 헤드리스 운영 방식**\
결제, 재고, 배송, 고객 관리 등 쇼핑몰 핵심 기능과 쇼핑몰 디자인 영역이 100% 분리되어 독립 운영 및 관리 가능함에 따라 내부 기능을 건드리지 않고 원하는 디자인을 구현할 수 있어 완전하고 자유로운 커스터마이징이 가능한 운영 방식입니다.

{% hint style="danger" %}
**스킨 → 헤드리스 : 운영 방식 변경 가능**\
**헤드리스 → 스킨 : 운영 방식 변경 불가능**
{% endhint %}

## 스킨 리스트

<figure><img src="/files/cnL2bH5gay6JzuYi7V07" alt=""><figcaption><p>&#x3C;스킨 리스트></p></figcaption></figure>

**① 스킨 리스트**\
쇼핑몰에서 관리하고 있는 모든 스킨 정보를 확인하고 관리할 수 있습니다.

**②** [**무료 스킨 추가**](/shopby_enterprise_manual/appearance/skin/freeskin.md)\
\[무료 스킨 추가] 버튼을 클릭하면, PC와 모바일의 개별 관리가 가능한 '오로라 개별형 무료 스킨'을 추가할 수 있는 쇼핑몰 스킨 페이지로 이동됩니다.

**③ 사용 스킨**\
현재 쇼핑몰에 적용되어 사용 중인 스킨 정보를 확인하고 관리할 수 있습니다.

**④ 보유 스킨**\
쇼핑몰에서 보유하고 있는 스킨 정보를 확인하고 관리할 수 있습니다.

**⑤ 유형**\
스킨 유형 정보를 확인할 수 있습니다.

* 통합형 : PC와 모바일 소스 코드가 1개로 개발된 스킨
* 개별형 : PC와 모바일 소스 코드가 각각 개발된 스킨

**⑥ 플랫폼 구분**\
스킨에 해당하는 플랫폼 정보를 확인할 수 있습니다.

* 통합형은 PC+모바일, 개별형은 해당하는 각각의 플랫폼으로 노출됩니다.

**⑦ 디자인 스킨명**\
스킨 이름과 스킨 관리 주체 정보를 확인하고 관리할 수 있습니다.

* <mark style="color:orange;">**제작사 관리**</mark>\
  제작사에서 관리하는 스킨으로 로고 및  배너 이미지 등 스킨 수정은 어드민 제공 기능을 통해 가능하며, 디자인 스킨 코드 수정은 불가합니다.   스킨에 패치 적용 시 자동으로 적용됩니다.&#x20;
* <mark style="color:purple;">**직접 관리**</mark>\
  관리자가 직접 관리하는 스킨으로 어드민 제공 기능을 통한 수정 및 디자인 스킨 코드 수정도 가능합니다. 단, 스킨 패치 적용도 관리자가 직접 진행해야 합니다.

**⑧** 사용함\
\[사용함] 버튼을 클릭하면, 해당 스킨이 쇼핑몰에 적용됩니다.

**⑨ 관리**\
스킨을 복사하고, 삭제할 수 있습니다.\
📍 복사 및 삭제는 '통합회원' 계정으로 로그인한 운영자만 가능한 점을 참고해 주세요.

<table><thead><tr><th width="121">구분</th><th>사용 스킨</th><th>보유 스킨</th></tr></thead><tbody><tr><td>복사</td><td>사용 스킨의 '제작사 관리' 스킨을 복사하면,  보유 스킨에 '직접 관리' 스킨이 복사 됩니다.</td><td>보유 스킨의 '직접 관리' 스킨을 복사하면,  보유 스킨에 또 다른 '직접 관리' 스킨이 추가로 복사 됩니다.</td></tr><tr><td>삭제</td><td>사용 스킨은 삭제가 불가능 합니다.</td><td>보유 스킨이 삭제됩니다.</td></tr><tr><td>코드 수정</td><td>-</td><td>디자인 스킨 소스 코드 수정이 가능한 '스킨 저장소'로 이동됩니다.</td></tr></tbody></table>