안녕하세요. 메이크샵입니다.
PC/모바일 쇼핑몰 상단에 원하는 배너를 노출할 수 있는 상단 배너 관리 기능이 추가되었습니다.
기존에는 모바일샵의 상단 배너 관리만 제공했으나, 신규 기능에서는 PC/모바일 각각 배너를 설정할 수 있도록 개선되었습니다.
상단 배너를 통해 내 쇼핑몰의 중요한 소식을 알려보세요!

[지원버전]
- 디자인 : D4 / 모바일 : 2.0, 4.0, 파워팩

[개별디자인]
- 개별디자인 경로 : 상단 > 기본 상단
- 가상태그 : <!--/head_banner/-->
- 추천 위치 : <!-- 상단 시작 --> 아래에 가상태그를 추가해주세요.

[상단 배너 관리 설정 방법]
- 메뉴 위치 : 개별디자인 > 디자인 관련 기능 설정 > 상단 배너 관리

1. 상단 배너 설정


상단 배너 사용여부 설정을 하실 수 있습니다.

1) 사용여부 : 사용 설정 시 상단 배너 관리에 등록한 배너가 샵단에 노출됩니다.
※ 사용 설정 시 기존 [모바일샵 > 모바일샵 설정 > 메인/디자인 설정]에 있는 상단 배너 기능은 더 이상 사용할 수 없습니다.
기존에 노출 중인 배너가 있다면, 새로운 상단 배너 관리에 동일하게 등록 후 사용 설정 해주세요.

2) 닫기 버튼 표시 : 사용자가 상단 배너를 닫을 수 있는 X 버튼이 추가됩니다.
닫기 버튼 클릭 시 브라우저를 닫고 다시 열기 전까지 배너가 노출되지 않습니다.

< X버튼 예시 >


3) 롤링속도 : 배너 롤링속도를 지정할 수 있습니다.
* 노출중인 배너가 1개일 경우 롤링되지 않습니다.

2. 상단 배너 목록


등록한 상단 배너의 리스트를 확인하실 수 있습니다.

1) +등록 버튼 클릭 시 배너를 신규 등록하실 수 있습니다.
2) 기간 : 해당 배너가 노출되는 기간입니다.
3) 상태
- 노출 : 현재 노출중인 배너입니다.
- 노출안함 : 사용여부가 OFF (사용안함)으로 설정되어 노출되지 않는 상태입니다.
- 대기중 : 미노출 상태이며, 설정한 기간의 시작일이 되면 노출됩니다.
- 종료 : 설정 기간이 만료되어 더 이상 노출되지 않습니다.
4) 사용여부 : ON/OFF 클릭을 통해 설정하실 수 있습니다.
PC/모바일 각 5개까지 ON(사용여부:사용) 설정이 가능합니다. (상태 : 노출, 대기중 포함)

3. 상단 배너 목록


원하는 배너를 새로 등록하실 수 있습니다.

1) 노출설정
- 전체페이지 : 쇼핑몰 전체 페이지에 노출
- 메인페이지 : 메인페이지만 노출

2) 등록 방식
기본 제공 배너 : 배경색 / 폰트 색상 / 배너 높이 / 폰트 사이즈를 설정하고 문구를 입력하면 배너가 생성됩니다.

<기본 제공 배너 예시>


이미지 직접 등록 : 직접 디자인한 이미지를 상단 배너에 등록하실 수 있습니다.

파워앱 기본 배너
- 파워앱 이용 상점, “적용 범위 : 모바일”인 배너만 설정 가능합니다
- 파워앱 설치 링크를 제공하는 기본 배너가 제공됩니다.

<파워앱 기본 배너 제공 디자인>


앱 설치용 배너
- 자체적으로 안드로이드, 아이폰 앱 설치 링크를 설정하여 배너를 등록할 수 있습니다.
- “적용 범위 : 모바일” 배너만 설정 가능합니다.

3) 링크 입력
- 배너의 링크를 절대 경로 / 상대 경로로 설정하실 수 있습니다.

<회원가입 링크 예시>
- 절대 경로 : https://{도메인주소}/shop/idinfo.html
- (추천)상대 경로 : /shop/idinfo.html

4. 상단 배너 순서관리

- PC / 모바일 별 상단 배너 노출 순서를 설정하실 수 있습니다.
- 사용여부가 사용(ON)처리 된 상단 배너만 순서 지정이 가능합니다. (PC / 모바일 각 5개까지 사용 설정 가능)
- 상단에 있는 배너부터 첫 번째로 노출됩니다.
- 기본 순서는 신규 등록 순으로, 신규 등록한 배너가 처음에 노출됩니다.
- 등록 후 순서 변경이 필요한 경우 순서관리를 통해 수정해주세요.

[파워팩 사용 방법]
- 위치 : 파워팩 디자인 편집화면 > 상단


1) 추가 버튼을 클릭 후, 템플릿 탭으로 이동합니다.
2) 영역 제목 입력 후, 상단 배너(앱 설치용) 블록 선택하여 확인 버튼을 눌러주면 블록이 추가됩니다.
원하는 위치로 드래그 앤 드롭 해주시기 바랍니다. (추천 위치: 최상단)
3) 설정 저장 > 디자인 저장해주시면 적용됩니다.

감사합니다.