> 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/undefined/promotion/undefined-2/undefined-1.md).

# 쇼핑몰 배너 관리

관리자를 통해 이미지 또는 슬라이드 배너를 제작할 수 있어요. 설정 후 원하는 위치에 가상태그만 넣으면 코딩없이 간편하게 적용돼요.

## 관리자 메뉴 위치

`디자인` > `쇼핑몰 배너 관리` > `쇼핑몰 배너 관리`

## 메뉴 안내 및 설정 방법

### 쇼핑몰 배너 리스트

{% tabs %}
{% tab title="검색" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fnf9SklymeUf8yhQ8xYkR%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EA%B4%80%EB%A6%AC%20(1).png?alt=media&amp;token=09174eb7-9b02-412a-977f-ce4b9748a4b0" alt=""><figcaption></figcaption></figure>

배너명이나 사용여부에 대한 조건을 입력하여 검색할수 있어요.
{% endtab %}

{% tab title="리스트" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FSS6YAh0PkJ3HRS45Ee4i%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EA%B4%80%EB%A6%AC%20(2).png?alt=media&amp;token=57b55509-8d3f-4d70-87fe-982d549f9f8a" alt=""><figcaption></figcaption></figure>

* ① +등록 버튼을 클릭하여 배너를 등록할 수 있어요.
* ② 현재 노출중인 배너수 / 등록한 배너수를 한눈에 볼수 있어요
* ③ 가상태그\
  복사 : 가상태그가 복사돼요.\
  확인 : 가상태그를 확인할 수 있어요.
* ④ 사용여부 : ON/OFF 클릭을 통해 설정 가능해요.
  {% endtab %}
  {% endtabs %}

### 쇼핑몰 배너 등록

{% tabs %}
{% tab title="기본 설정" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FKZdXVqPw9R5qvqCWwBja%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EA%B4%80%EB%A6%AC%20(3).png?alt=media&amp;token=8afb335a-ab69-4f94-8194-00ec3726b4ae" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="상세 설정" %}

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FyEEb5lCN1BXm20HkSwjm%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EA%B4%80%EB%A6%AC%20(4).png?alt=media&amp;token=9e4f434d-b94a-454c-8179-51d5423c2d3b" alt=""><figcaption></figcaption></figure>

* ① +추가 버튼 클릭시 하단에 배너 필드가 생성돼요. (최대 10개까지 등록 가능) 2개 이상의 이미지 등록 시 가로, 세로가 동일한 사이즈의 이미지들로 구성하는 것을 추천해요.
* ② 드래그 앤드 드롭 아이콘을 통해 배너 순서를 변경할 수 있으며, 맨 상단에 위치한 이미지가 첫번째로 노출돼요.
* ③ 토글을 접을시, 간편하게 상태를 확인할 수 있어요.
* 노출 : 현재 노출되고 있는 상태에요.
* 노출안함 : 노출여부를 노출안함으로 설정하여 노출되지 않아요.
* 대기 : 설정하신 기간이 도래되지 않아 대기중인 상태에요.
* 종료 : 설정하신 기간이 종료되어 노출되지 않아요.
  {% endtab %}
  {% endtabs %}

## 적용 화면

<div align="left"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FVpQp0mXvhedqDVgBLgkP%2F%EC%87%BC%ED%95%91%EB%AA%B0%20%EB%B0%B0%EB%84%88%20%EA%B4%80%EB%A6%AC%20(5).png?alt=media&amp;token=d5937bb5-4763-4ccb-ba8e-a213a64ba5a5" alt=""><figcaption></figcaption></figure></div>