꼭 확인하세요!!
- 본 메뉴는 PC/모바일 스킨을 사용 중인 경우에만 정상 지원됩니다.
- 반응형 스킨을 사용하는 경우 본 메뉴의 기능은 지원되지 않으며, 디자인 수정이 필요한 경우 [디자인 > 디자인 관리 > 디자인 스킨 리스트]에서 디자인 에디터를 이용해주세요.
별도의 개발을 하지 않고 간단한 설정으로 움직이는 배너(롤링 배너)를 생성할 수 있습니다.
배너는 이미지 혹은 이미지와 링크를 쇼핑몰 방문자에게 노출시켜 정보를 제공하거나 페이지 이동을 유도하는데 활용됩니다.
움직이는 배너 등록 시 치환코드가 생성되며, 생성된 치환코드를 디자인 페이지에 삽입하여 노출할 수 있습니다.
이미지를 서버에 등록하고 HTML로 직접 코딩하는 별도의 과정 없이도, 등록한 움직이는 배너의 치환코드를 디자인 페이지에 삽입하는 방식으로 배너 이미지 노출 및 링크 연결이 가능합니다.
기본 설정
움직이는 배너의 기본 정보를 설정합니다.
움직이는 배너 등록 시 "배너 제목 / 구분 / 디자인 스킨"은 필수 항목입니다.
배너 제목
움직이는 배너의 제목을 입력할 수 있습니다.
- 배너 제목은 필수 항목이며, 입력 문자 제한없이 최대 50자까지 등록가능합니다.
- 쇼핑몰 화면에 노출되지 않으며 등록된 움직이는 배너의 관리를 위해 설정하는 항목입니다.
구분
PC와 모바일쇼핑몰 중 노출하고자 하는 쇼핑몰을 선택합니다.
쇼핑몰은 하나만 선택할 수 있으며, PC와 모바일쇼핑몰에 모두 노출하고자 하는 경우 움직이는 배너를 각각 등록하셔야 합니다.
디자인 스킨
움직이는 배너를 어떤 스킨에 등록할 지 선택할 수 있습니다.
- 등록된 이미지는 선택한 스킨의 Web FTP 폴더에 저장됩니다.
- 적용 스킨 선택은 필수 항목으로 선택하지 않을 경우 등록이 불가능합니다.
노출 여부
움직이는 배너의 쇼핑몰 노출 여부를 설정할 수 있습니다.
- 노출 : 등록된 움직이는 배너가 노출됩니다.
- 미노출 : 움직이는 배너가 노출되지 않습니다.
- "노출 기간" 설정이 "기간 노출"일 경우, 노출 여부 설정과 무관하게 종료일 이후에는 배너가 노출되지 않습니다.
노출 기간
쇼핑몰에 노출될 움직이는 배너의 노출 기간을 설정할 수 있습니다.
- 상시 노출 : 기간에 상관없이 움직이는 배너를 항상 노출합니다.
- 기간 노출 : 일자와 시간을 설정하여 특정 기간동안 움직이는 배너를 노출합니다.
전환 속도 선택
움직이는 배너의 이미지가 다음 이미지로 전환되는 속도를 설정할 수 있습니다.
- "전환 속도 선택"은 다음 순서의 이미지로 전환되는 속도를 의미하며, 이미지별 노출 시간은 "전환 시간 설정"에서 설정할 수 있습니다.
- "빠르게, 보통, 느리게" 중 선택할 수 있습니다.
전환 시간 설정
움직이는 배너의 이미지가 다음 이미지로 넘어가기 전 노출되는 시간을 설정할 수 있습니다.
시간은 "1초~10초" 중 선택할 수 있으며, "수동" 선택 시 사용자가 마우스로 클릭하는 경우에만 이미지가 전환됩니다.
효과 선택
움직이는 배너의 이미지가 다음 이미지로 전환 시의 효과를 설정할 수 있습니다.
"슬라이드, 페이드" 중 선택할 수 있습니다.
| 1. 슬라이드 | "슬라이드" 설정 시 각 이미지가 좌우로 넘어가는 듯한 효과를 줄 수 있습니다. |
| 2. 페이드 | "페이드" 설정 시 이전 순서 이미지가 서서히 사라지고 다음순서 이미지가 노출됩니다. |
좌우 전환 버튼
움직이는 배너의 이미지를 좌우로 전환하는 버튼 노출 여부와 색상을 설정할 수 있습니다.
- "노출" 설정 시 버튼의 색상을 설정할 수 있습니다.
- 기본값은 흰색(#ffffff)으로 설정되어 있습니다.
네비게이션 설정
움직이는 배너에 등록된 이미지의 네비게이션 버튼의 노출 여부를 설정할 수 있습니다.
- "노출" 설정 시 네비게이션의 "종류, 활성 색상, 비활성 색상, 크기"를 설정할 수 있습니다.
- "미노출" 설정 시 사용자가 원하는 이미지로 쉽게 이동할 수 있는 네비게이션 버튼이 노출되지 않습니다.
- "직접 등록" 설정 시 하단의 "배너이미지 설정"에서 각 이미지별로 네비게이션 활성 버튼을 설정할 수 있습니다.
| 1. 좌우 전환 버튼 | 움직이는 배너에 등록된 이미지를 좌우로 넘길 수 있는 "좌우 전환 버튼" 입니다. |
| 2. 네비게이션 버튼 | 움직이는 배너에 등록된 이미지를 좌우 전환 없이 선택하여 확인할 수 있는 "네비게이션 버튼" 입니다. |