> For the complete documentation index, see [llms.txt](https://nsl-solution.gitbook.io/livesolution/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nsl-solution.gitbook.io/livesolution/guide-for-sellers/display-module-management.md).

# \[전시 모듈 관리] 메뉴 알아보기

솔루션 연동이 완료되면, 관리툴 좌측 메뉴트리에 하단에 솔루션 메뉴가 신설됩니다.\
\[전시 모듈 관리] 메뉴로 진입해주세요.

### 기본 제공 전시 모듈 확인하기 <a href="#default-module" id="default-module"></a>

솔루션 연동 후 별도 모듈 생성이나 편집을 하지않아도, 바로 사용할 수 있는 기본 전시모듈을 제공합니다.

방송 목록 모듈로는 온에어 라이브 + 라이브 예고 + 라이브 다시보기로 이루어진 "라이브 방송 목록 모듈"과 숏클립으로 이루어진 "숏클립 목록 모듈" 두 가지를 제공합니다. 기본 제공하는 모듈 외에 추가로 방송 목록 모듈을 사용하고 싶다면, \[+방송 목록 모듈 추가] 버튼을 눌러 새롭게 생성해주세요.\
전체 목록 모듈과 예고페이지 모듈은 하나씩만 제공되며, 별도로 추가할 수 없습니다.

화면 우측에 제공되는 모듈 미리보기에서는, 선택한 모듈이 어떤 모습인지 미리볼 수 있습니다.

<figure><img src="/files/7jTwz5s9xECW4Pd7DnOV" alt=""><figcaption></figcaption></figure>

### 모듈 편집하기 <a href="#module-edit" id="module-edit"></a>

\[모듈 편집] 버튼을 클릭하면, 해당 모듈을 편집할 수 있는 새창이 제공됩니다.

모듈 편집 새창에서 좌측 메뉴 트리를 클릭하면, 상세 편집 화면이 제공됩니다. 상세 편집 화면에서는 타이틀 명 지정, 정렬, 컬러 등 세부적인 설정 편집이 가능합니다. 상세 편집 화면에서 설정을 변경하면, 우측 미리보기에 변경한 설정이 반영되어 변경사항을 쉽게 확인할 수 있습니다.&#x20;

미리보기는 기본적으로 예시로 디자인된 화면을 기준으로 제공합니다. 실제 채널에 설정한 동시송출 라이브와 동시노출 숏클립으로 미리보기를 원할경우 우측 상단의 "내 채널 실제 콘텐츠로 미리보기" 토글을 켜주세요.&#x20;

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

### 코드 복사하기 <a href="#codecpoy" id="codecpoy"></a>

\[코드 복사] 버튼을 클릭하면, 해당하는 모듈에 대한 코드가 클립보드에 복사됩니다. 자사몰 HTML 디자인 페이지 내 정상적으로 붙여넣어야만 자사몰 전시페이지에 노출됩니다. 가이드에 따라 모듈 코드를 붙여넣어주세요.

{% hint style="warning" %}
자사몰 페이지에 코드를 붙여넣지 않으면 전시모듈은 동작하지 않으니 주의해주세요.
{% endhint %}

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

**코드가 무엇인가요?**\
코드는 전시모듈에 대한 정보를 가지고 있는 일종의 개발 언어입니다. 모듈ID 별로 \[모듈 편집]을 통해 설정한 내용을 포함하고 있습니다. 제공해 드리는 코드 중 일부를 삭제하시거나, 마침표 또는 따옴표 등을 제외하고 붙여넣으실 경우 정상적으로 동작하지 않습니다. 제공해 드리는 코드 전체를 붙여넣어 주세요.

<figure><img src="/files/4EonjsXHASw81QEy8LNn" alt=""><figcaption></figcaption></figure>