커스텀 스킨

이 페이지는 NHN커머스의 KLC 부가서비스 커스텀 스킨 연동에 대해 안내합니다.

커스텀 스킨 연동

NHN커머스 관리자 페이지에 접속하여 로그인합니다.

Open

디자인 메뉴에서 [디자인 스킨 리스트]를 클릭하면 보유 스킨 리스트에서 사용 중인 스킨을 확인할 수 있습니다. 적용할 스킨을 확인 한 다음 [다운] 버튼을 누르고 스킨 다운로드 팝업창에서 [확인] 버튼을 클릭하여 스킨을 다운로드합니다.

Open

다운로드가 완료되면 화면 하단을 클릭하거나 [내 PC] > [다운로드]에서 파일을 확인한 다음 압축을 해제합니다.

KLC 관리자 페이지 로그인 후 [계정 관리] > [고객사 정보] > [프론트 정보]에서 스크립트를 다운로드합니다. KLC 서비스 연동을 클릭하면 klc_connect.html 파일이 다운로드되며 프론트 화면 연동을 클릭할 경우에는 livemall.html 파일 다운로드됩니다.

다운로드한 두 개의 html 파일을 압축을 해제한 스킨 폴더로 이동시킵니다.

연결 프로그램으로 메모장을 이용하여 livemall.html 파일을 메모장에서 연 다음 스킨의 헤더(header) 와 푸터(footer)의 영역을 확인합니다. 커스텀 스킨의 헤더와 푸터를 확인한 다음 메모장의 헤더 푸터 영역에서 기존 html을 삭제하고 적용하고자 하는 커스텀 스킨의 html을 붙여 넣습니다.

수정한 html 파일이 포함되어 있는 폴더를 zip으로 압축합니다. 그다음 NHN커머스 관리자 페이지로 돌아가 [디자인 관리] > [디자인 스킨 리스트] 우측 하단에 위치한 [신규 스킨 업로드] 버튼을 클릭합니다. 사용할 스킨 이름을 영문으로 입력한 다음 압축한 zip 파일을 업로드합니다. 필수 사항을 입력한 다음 항목별로 안내되는 가이드에 맞추어 업로드합니다.

스킨을 업로드 한 다음 KLC 관리자 페이지에서 klc 서비스 연동과 프론트 Url을 이용하여 스크립트가 잘 설치되었는지 확인합니다. [스크립트 설치 확인]버튼을 누르고 정상적으로 설치된 경우 팝업창에서 정상 메시지를 확인할 수 있습니다.

프론트 Url 항목의 URL 주소를 새 창에 붙여넣기 한 다음 수정한 스킨이 잘 적용되었는지 확인합니다.

KLC 부가서비스를 연동한 [기본 스킨]에서 KLC 연동을 해제하고자 하는 경우 기존 설치한 스크립트를 삭제한 다음 스킨을 업로드하면 KLC 연동을 해제할 수 있습니다.