꼭 확인하세요!!
■ 디자인 스킨 리스트
: 사람이 옷을 입듯, 쇼핑몰 운영자의 취향 또는 운영 컨셉에 따라 쇼핑몰 디자인 스킨을 만들어 놓고 원하는 디자인을 선택할 수 있습니다.
- 몰 생성시에는 고도몰에서 기본적으로 제공하는 무료스킨(moment)이 설정되어 있습니다.
- 디자인스킨에는 쇼핑몰의 디자인틀 및 이미지와 HTML파일로 구성되어 있습니다.
- 현재 설정된 디자인 스킨과 보유 스킨을 확인 및 다운, 복사, 삭제할 수 있으며, PC/모바일에 한하여 스킨을 업로드할 수 있습니다.
└ 반응형 스킨 업로드 기능은 추후 지원 예정입니다.
- "해외상점" 기능을 통하여 해외몰을 운영하시는 경우에는, 각 해외몰별로 디자인스킨을 별도로 제작, 관리하셔야 합니다.
└ 무료스킨 추가 시, "글로벌스킨" 표시가 있는 스킨을 선택하신 뒤 해당 해외상점 언어를 선택하여 디자인 스킨을 별도로 추가하셔야 합니다.
└ 기존 제공되었던 무료스킨이나 별도 구매하셨던 스킨을 해외몰 스킨으로 복사하여 사용하시려면,
해외몰 디자인 스킨을 다운받아 각 페이지별로 해외몰 기능을 지원하기 위한 함수나 치환코드들을 분석하여 적용하셔야만 합니다.
▶ 현재 설정된 디자인 스킨
: 현재 쇼핑몰에 적용되어 고객에게 노출되고 있는 스킨의 상태를 확인하고 관리하는 영역입니다.
실시간 운영 중인 화면에 직접적인 영향을 주므로 수정 시 각별한 주의가 필요합니다.
- 운영 중인 스킨을 직접 수정하기보다는 복사 후 편집을 권장합니다.
- 실시간 수정 시 레이아웃 깨짐이나 이미지 오류가 고객에게 즉시 노출될 수 있으므로, 복사본에서 충분히 테스트한 후 [게시하기]를 진행해 주세요.
① 기준몰(국내몰) 외에 영문, 중문, 일문 등 운영 중인 멀티쇼핑몰별 스킨 설정 상태를 탭 형태로 전환하며 확인할 수 있습니다.
- 해외몰을 사용하지 않는 경우에는 별도의 탭 없이 국내몰 설정 정보만 노출됩니다.
② 사용 중인 스킨의 정보를 확인하고, 실제 적용된 화면을 미리 볼 수 있습니다.
- 썸네일 : 현재 적용된 스킨의 대표 이미지를 미리 볼 수 있습니다.
└ [미리보기]: 썸네일 위에 마우스를 올리면 미리보기 버튼이 노출됩니다. 클릭 시 쇼핑몰 화면과 동일한 화면이 노출됩니다. (이미지 (2-1) 참고)
- 스킨명 및 상태: 사용 중인 스킨명 옆에 사용 스킨 배지가 표시되어 현재 활성화 상태임을 나타냅니다.
③ 설정된 스킨 유형에 따른 관리 방식에 따라 PC와 모바일 환경을 각각 또는 통합하여 관리할 수 있습니다.
- PC/모바일 스킨 사용 시: PC와 모바일 스킨 정보가 각각 독립적으로 노출됩니다.
- 반응형 스킨 사용 시: 하나의 스킨으로 PC, 태블릿, 모바일을 모두 대응하므로 스킨 정보가 하나로 통합되어 노출됩니다.
④ 스킨의 유형에 따라 제공되는 전용 편집 도구를 통해 쇼핑몰 디자인을 자유롭게 수정하고 관리할 수 있습니다.
- [HTML 편집하기] : PC/모바일 스킨에서 제공되며, 클릭 시 HTML/CSS/JS 소스 코드를 직접 수정할 수 있는 코드 편집 화면이 실행됩니다.
- [디자인 편집하기] : 디자인 에디터 기능이 적용된 반응형 스킨에서 노출됩니다. 클릭 시 디자인 에디터가 실행됩니다.
- [더보기] : 스킨 카드 우측 하단의 아이콘을 클릭하여 스킨 복사, 스킨명 변경 등 상세 관리 기능을 실행합니다.
└ 현재 쇼핑몰에 적용 중인 스킨은 운영 보호를 위해 해당 메뉴에서 [삭제]가 불가능합니다.
▶ 보유 스킨 리스트
: 현재 쇼핑몰에 적용된 스킨 외에, 관리자가 작업 중이거나 보관하고 있는 모든 스킨을 관리하는 영역입니다.
새로운 디자인을 제작하거나 기존 스킨을 백업해 두었을 때 보유 스킨 리스트에서 확인할 수 있습니다.
- 쇼핑몰은 그대로 운영하면서(사용스킨) 다른 스킨으로 디자인작업 진행(작업스킨) 완료 후 바로 적용할 수 있습니다.
- 스킨 업로드/복사 시 스킨코드(영문명),스킨파일(업로드)은 필수 항목으로 입력하지 않을 경우 등록이 불가능합니다.
① 스킨의 기술적 특성에 따라 반응형과 PC/모바일 탭으로 구분하여 효율적으로 관리합니다.
② 별도로 작업한 스킨을 업로드할 수 있습니다. (반응형 스킨 업로드 기능은 추후 지원 예정입니다.)
- [스킨 업로드] 버튼 클릭 시 스킨 업로드를 위한 팝업이 노출됩니다. (이미지 (2-1) 참고)
- 스킨유형, 스킨코드, 스킨명을 입력하시고 실제 작업된 스킨파일을 선택 후 [업로드] 클릭하면 스킨이 추가됩니다. (이미지 (2-2) 참고)
- 스킨코드는 영문, 숫자, _만 입력이 가능하며, 특수문자, 공백, 한글은 입력하실 수 없습니다.
- 스킨리스트의 확인을 위하여 별도의 썸네일 이미지를 추가로 등록하실 수 있습니다. (미등록시 노이미지 표시 처리)
③ 보유 중인 각 스킨의 썸네일과 생성 정보를 통해 관리 이력을 한눈에 파악할 수 있습니다.
④ 편집 중인 디자인을 실제 쇼핑몰에 반영하거나 상세 관리를 위한 전용 기능을 제공합니다.
- [디자인 편집하기] 또는 [HTML 편집하기]: 스킨 유형에 맞는 편집 도구를 실행하여 디자인을 수정합니다.
- [게시하기] : 클릭 시 해당 스킨이 '현재 설정된 디자인 스킨'으로 변경되며, 실제 쇼핑몰에 실시간으로 적용됩니다.
└ 즉시 고객에게 노출되므로 반드시 미리보기를 통해 최종 검토 후 진행하시기 바랍니다.
- [더보기] : 디자인 스킨 파일을 다운받거나, 복사 및 삭제할 수 있습니다.
└ [스킨정보] : 해당 스킨의 기본정보를 확인할 수 있으며, 스킨명과 썸네일이미지에 한하여 수정이 가능합니다. (이미지 (4-1) 참고)
└ [다운로드] : 해당 스킨을 ZIP파일로 다운받을 수 있습니다.
반응형 스킨 업로드 기능은 추후 지원 예정입니다.
└ [복사] : 해당 스킨의 기본정보는 모두 유지한 채, 바로 복사본을 생성하여 스킨을 추가할 수 있습니다.
버튼 클릭 시 스킨 복사 팝업에서 출력되며, 스킨코드 및 스킨명을 입력하여 디자인 스킨을 복사할 수 있습니다.
└ [삭제] : 해당 스킨을 삭제합니다. 한 번 삭제된 스킨은 복구가 불가능하므로 신중하게 결정해 주세요.
▶ 해외몰 홈아이콘 관리
: "해외상점" 기능을 이용하여 해외몰을 사용중으로 설정할 경우에만 노출되는 메뉴입니다.
- 쇼핑몰 화면에서 다른 해외몰 혹은 기존 쇼핑몰로 이동할 수 있는 아이콘의 노출 디자인을 설정할 수 있습니다.
- 유형은 아이콘만 나란히 노출, 아이콘만 드롭박스로 노출, 아이콘+텍스트를 드롭박스로 노출 중에서 선택하실 수 있습니다.
└ PC와 모바일 스킨의 홈아이콘 유형을 각각 별도로 설정할 수 있습니다.
└ 반응형 스킨을 사용 중인 경우, [디자인 편집하기]를 통해 해외몰 홈아이콘 노출 유형을 직접 변경 및 관리하실 수 있습니다.
- 운영자가 직접 아이콘을 등록(대체)한 후에는 기존에 기본으로 제공되던 국기 아이콘으로의 자동 복원이 되지 않으므로 신중히 변경해 주시기 바랍니다.
▶ 인기 급상승 스킨
: 현재 많은 운영자가 선택하고 있는 인기 급상승 스킨을 한눈에 확인하고 다운로드하실 수 있습니다.
- 1일 5회 무료 다운로드가 가능하며, 현재 시점을 기준으로 최신 패치가 적용되어 있는 스킨을 다운받으실 수 있습니다.
▶ PC, 모바일 스킨 꾸미기
: PC와 모바일 환경에 각각 최적화된 개별 스킨을 적용하고 디자인 요소를 독립적으로 설정할 수 있습니다.
- 스킨의 레이아웃 변경, 세부 디자인 요소 수정 등 보다 구체적이고 추가적인 꾸미기 방법은 [운영가이드]에서 상세히 확인하실 수 있습니다.
▶ 반응형 스킨 꾸미기
: 접속 기기(PC, 태블릿, 모바일 등)의 화면 크기에 맞춰 레이아웃이 유연하게 변하는 반응형 디자인을 관리할 수 있습니다.
- 운영가이드는 최신 기능을 반영하여 업데이트될 예정입니다.
