배너 영역
쇼핑몰 메인페이지 화면 내 '배너(Banner)' 영역에 대한 정책과 기능, 사용할 수 있는 API를 소개합니다.
Last updated
Was this helpful?
쇼핑몰 메인페이지 화면 내 '배너(Banner)' 영역에 대한 정책과 기능, 사용할 수 있는 API를 소개합니다.
Last updated
Was this helpful?
쇼핑몰에서 로고 혹은 프로모션 이벤트를 노출하기 위한 공간이자 이미지입니다.
쇼핑몰 어드민 아래 경로에서 관리할 수 있습니다.
각각의 배너를 유형별로 분류한 개념입니다.
모든 배너는 배너그룹으로 그룹핑하여 사용해야 하며, 하나의 배너그룹 안에 여러 개의 배너가 추가될 수 있습니다.
배너 그룹은 각각의 배너를 유형별로 분류한 개념입니다. 아래 예시는 오로라 개별형(PC+모바일) 기본 스킨을 기준으로한 분류입니다.
아래 소개 드릴 배너 그룹의 각 위치를 자유롭게 변경하여 스킨을 제작할 수 있습니다.
각 배너그룹은 고유의 배너그룹코드(bannerGroupCode)를 통해 구분됩니다. 위 도표에 기재된 고정된 12가지 배너그룹코드만 사용 가능합니다.
배너그룹은 배너그룹 노출 유형에 따라 3가지 배너그룹타입(bannerGroupType)으로 분류됩니다. (LOGO, SLIDE, NORMAL로 제공)
LOGO 배너그룹은 LOGO(로고 배너)로 타입이 고정되어 있으며, 나머지 배너그룹은 SLIDE(움직이는 배너) 혹은 NORMAL(일반 배너)로 타입을 설정 가능합니다.
LOGO : 메인 상단에 노출되는 로고 유형
SLIDE : 슬라이드 효과가 추가된 배너 유형 (멀티 배너)
NORMAL : 배너 이미지를 노출해주는 기본 배너 유형 (단일 배너)
►사용중인 스킨 정보 및 배너 그룹 조회하기 쇼핑몰에서 사용중인 스킨정보 및 배너그룹 정보를 조회합니다.
해당 API에서 리턴값으로 조회한 groupCode 정보를 바탕으로, 아래 소개드릴 GET /skin-banners API에서 배너 정보를 조회하여 고객들이 보는 쇼핑몰 화면에 배너를 노출합니다.
groupCode : 앞서 설명드린 배너그룹코드(bannerGroupCode)입니다. 참고로 bannerGruops.csv 파일에서는 bannerGroupCode로 정의하며, API 스키마에서는 groupCode로 정의하고 있습니다.
isLiveSkin(사용스킨) : 현재 쇼핑몰에 적용되어 있는 스킨을 의미합니다. 사용중이지 않은 그 외 스킨은 '보유 스킨'이 됩니다.
► 플랫폼 별 전체 스킨 배너 조회하기 쇼핑몰의 모든 배너 정보를 조회합니다.
groupCode(=즉 bannerGroupCode)에 연동되어 있는 쇼핑몰의 배너 정보를 조회합니다. (요청한 배너그룹 코드에 매칭되는 배너 정보만 조회합니다.)
만약 gruopCode로 전체 배너 리스트 정보를 조회하기 위해서는 GET /groups-by-skin API에서 리턴 값으로 내려주는 groupCode를 모두 요청해야만 전체 배너 리스트 정보를 조회할 수 있습니다. 해당 API를 통해 고객들이 보는 쇼핑몰 화면에 배너를 노출합니다.
배너 정보는 쇼핑몰 어드민 아래 경로에서 관리할 수 있습니다.
해당 배너 리스트 데이터에 쇼핑몰 로고(LOGO)가 포함되어 있습니다. 로고의 경우 화면이 바뀌어도 대부분의 스킨에서 고정된 자리에 위치해 있기 때문에 사실상 모든 화면에서 지속적으로 사용되는 API입니다.
► 스킨의 배너 ID를 통해 배너리스트 조회하기 스킨 배너 ID로 배너 정보를 조회합니다.
쇼핑몰에 등록된 모든 스킨에서 배너 ID로 배너 정보를 조회할 수 있습니다.
쇼핑몰 생성 시 오로라 개별형 기본 스킨에서는 배너 ID가 자동으로 입력되며, ID는 수정해서 사용하실 수 있습니다. '쇼핑몰 공용 배너'를 등록하면 스킨에 구애받지 않고 해당 쇼핑몰에 등록된 모든 스킨에서 배너 ID기준으로 사용하실 수 있습니다.
오로라 개별형 기본 스킨에서는 12개의 배너그룹이 배너그룹명(bannerGroupName)을 상단로고, 메인 상단배너, 메인 중간배너 1~5, 메인 중간좌측배너, 메인 하단배너, 스크롤 좌측 배너, 스크롤 우측 배너, 상품 상세 배너로 사용하고 있습니다. 해당 배너그룹명은 스킨 제작 시 에 자유롭게 입력할 수 있습니다.