꼭 확인하세요!!
별도의 개발을 하지 않고 간단한 설정으로 움직이는 배너(롤링 배너)를 생성할 수 있습니다.
배너는 이미지 혹은 이미지와 링크를 쇼핑몰 방문자에게 노출시켜 정보를 제공하거나 페이지 이동을 유도하는데 활용됩니다.
움직이는 배너 등록 시 치환코드가 생성되며, 생성된 치환코드를 디자인 페이지에 삽입하여 노출할 수 있습니다.
이미지를 서버에 등록하고 HTML로 직접 코딩하는 별도의 과정 없이도, 등록한 움직이는 배너의 치환코드를 디자인 페이지에 삽입하는 방식으로 배너 이미지 노출 및 링크 연결이 가능합니다.
움직이는 배너의 기본 정보를 설정합니다.
움직이는 배너 등록 시 "배너 제목 / 구분 / 디자인 스킨"은 필수 항목입니다.
움직이는 배너의 제목을 입력할 수 있습니다.
PC와 모바일쇼핑몰 중 노출하고자 하는 쇼핑몰을 선택합니다.
쇼핑몰은 하나만 선택할 수 있으며, PC와 모바일쇼핑몰에 모두 노출하고자 하는 경우 움직이는 배너를 각각 등록하셔야 합니다.
움직이는 배너를 어떤 스킨에 등록할 지 선택할 수 있습니다.
움직이는 배너의 쇼핑몰 노출 여부를 설정할 수 있습니다.
쇼핑몰에 노출될 움직이는 배너의 노출 기간을 설정할 수 있습니다.
움직이는 배너의 이미지가 다음 이미지로 전환되는 속도를 설정할 수 있습니다.
움직이는 배너의 이미지가 다음 이미지로 넘어가기 전 노출되는 시간을 설정할 수 있습니다.
시간은 "1초~10초" 중 선택할 수 있으며, "수동" 선택 시 사용자가 마우스로 클릭하는 경우에만 이미지가 전환됩니다.
움직이는 배너의 이미지가 다음 이미지로 전환 시의 효과를 설정할 수 있습니다.
"슬라이드, 페이드" 중 선택할 수 있습니다.
움직이는 배너의 이미지를 좌우로 전환하는 버튼 노출 여부와 색상을 설정할 수 있습니다.
움직이는 배너에 등록된 이미지의 네비게이션 버튼의 노출 여부를 설정할 수 있습니다.
등록할 움직이는 배너의 사이즈를 설정하고, 배너 이미지의 이미지 설명(alt와 title 값)을 등록할 수 있습니다.
웹 접근성 준수 의무화에 따라 배너 이미지 설명을 입력하여 배너를 생성하는 것을 권장합니다.
주의
alt : HTML의 img 태그에서 쓰이고, 브라우저에서 이미지를 표시할 수 없을 경우 이미지를 대신해 표시할 문자를 지정하기 위한 값입니다.
title : 이미지 위에 마우스 커서를 올려 놓을 때 출력되는 메시지 값으로 활용합니다.
시각장애인 등 이미지를 보지 못하는 사람을 위해 문서의 내용을 목소리로 변환해주는 음성 합성 기술을 이용하는 소프트웨어에서 사용됩니다.
예시)
2013년 4월 11일부터 시행하는 장애인 차별금지 및 권리구제 등에 관한 법률이 시행되면서 웹 접근성 준수가 의무화되었습니다.
이에 따라 이미지를 보지 못하는 사람을 위해 이미지를 글로 설명해주는 alt 값 설정을 위해 배너 이미지 설명은 필수항목 입니다.
움직이는 배너의 사이즈를 설정합니다.
(이미지별로 사이즈가 다른 경우 배너가 틀어져 보일 수 있습니다.)
모바일쇼핑몰에서는 설정된 배너 사이즈에 상관없이 가로 사이즈가 100%로 노출됩니다.
쇼핑몰에서 노출할 움직이는 배너의 이미지를 등록합니다.
