> For the complete documentation index, see [llms.txt](https://catenoid-support.gitbook.io/klc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://catenoid-support.gitbook.io/klc/userguide/linkage_cafe24/design.md). # 대표 디자인 변경 이 페이지에서는 카페24 스토어를 통해 Kollus Live Commerce 서비스를 이용 중인 고객사에게 고객사 쇼핑몰의 대표 디자인을 변경하는 방법에 대해 안내합니다. > ### **대표 디자인** > > 대표 디자인은 현재 고객사 쇼핑몰에 적용되어 있는 디자인을 의미합니다. 여러 개의 디자인 스킨을 보유할 수 있지만, 실제 고객사 쇼핑몰에 적용할 수 있는 디자인은 쇼핑몰 별로 1개만 설정 가능합니다. 디자인을 선택한 후 '대표 디자인 설정' 버튼을 클릭하면 선택한 디자인이 대표 디자인으로 설정됩니다. ### **대표 디자인 변경** Kollus Live Commerce 서비스 연동을 완료한 후 카페24 관리자 페이지에서 고객사 쇼핑몰의 대표 디자인을 변경할 수 있습니다. 단, 고객사 쇼핑몰의 디자인을 변경한 경우에는 기존에 설치한 연동 스크립트를 삭제한 후 연동 스크립트를 다시 설치해야 합니다. 먼저 [카페24 쇼핑몰센터](https://ec.cafe24.com/?cafe_mkt=google_kw\&gclid=CjwKCAiAzp6eBhByEiwA_gGq5IUTqCxCQn3BPc30DHous5P4GtGRUYAYpYIcdc6Q_hivLj69vbktXBoCCJsQAvD_BwE)에 접속하여 로그인합니다. 그다음 **디자인 > 디자인 보관함** 메뉴에서 적용하고자 하는 쇼핑몰 디자인을 고른 후 **선택** 항목에 배치된 라디오 버튼을 클릭하고 상단의 **대표디자인 설정** 버튼을 클릭합니다.

### **연동 스크립트 삭제** 고객사 쇼핑몰의 대표 디자인을 변경한 후, **디자인 편집** 항목의 **편집** 버튼을 클릭하면 **스마트디자인 편집창** 페이지로 이동합니다.

**스마트디자인 편집창** 페이지의 좌측 영역에서 **전체화면보기** 탭을 클릭한 다음, 목록에서 **klc\_connect.html** 파일을 선택하고 우측 상단의 **삭제** 버튼을 클릭합니다. 동일한 방식으로 **livemall.html** 파일도 삭제합니다.

연동 스크립트 삭제 후 방송 전시 페이지 URL 접속 시, 아래와 같이 페이지에 404 에러 메시지가 나타나므로 고객사 쇼핑몰의 대표 디자인을 변경한 후에는 반드시 연동 스크립트를 다시 설치해야 합니다.

### **연동 스크립트 재설치** [Kollus Live Commerce - 관리 시스템](https://bms-commerce.kollus.com/)에 접속한 다음, **계정 관리 > 고객사 정보 > 사이트 정보** 영역의 **KLC 서비스 연동** 항목에서 **연동 스크립트 설치** 버튼을 클릭하여 연동 스크립트를 다시 설치합니다. 설치가 완료되면 **연동 스크립트 설치 확인** 버튼을 클릭하여 스크립트 검사 결과를 확인합니다.

정상적으로 연동 스크립트가 다시 설치된 경우, 스크립트 검사 결과 팝업에서 **정상** 메시지가 나타납니다. 만약 오류 메시지가 나타난 경우, 영업 담당자(AM)에게 문의하시면 도움을 받으실 수 있습니다.

계정 관리 > 고객사 정보 > 사이트 정보 > 연동 스크립트 설치 재확인 > 스크립트 검사 결과 팝업

연동 스크립트 재설치 이후 다시 [카페24 쇼핑몰센터](https://ec.cafe24.com/?cafe_mkt=google_kw\&gclid=CjwKCAiAzp6eBhByEiwA_gGq5IUTqCxCQn3BPc30DHous5P4GtGRUYAYpYIcdc6Q_hivLj69vbktXBoCCJsQAvD_BwE)로 돌아가서 **디자인 보관함** 메뉴 > **디자인 편집** 항목의 **편집** 버튼을 클릭하여 **스마트디자인 편집창** 페이지로 이동합니다.

**스마트디자인 편집창** 페이지의 좌측 영역에서 **전체화면보기** 탭을 클릭한 다음, 목록에서 **klc\_connect.html** 파일을 선택하고 우측 영역 상단의 **삭제** 버튼을 클릭하여 해당 파일을 삭제합니다. 동일한 방식으로 **livemall.html** 파일도 삭제합니다.