디자인매뉴얼
지금부터 제공되는 매뉴얼의 내용은 처음부터 순차적으로 확인하시는게 가장 효율적입니다.
어차피 모든 내용을 다 확인하셔야 될건데 여기저기 보시면 중요한 부분을 빼먹고 수정하게 되는 경우가 많습니다.
매뉴얼의 내용은 저희 디자인에 대한 내용입니다.
카페24의 모든 기능에 대한 설명은 제공되지 않습니다.
매뉴얼에 언급되지 않는 내용은 카페24에서 제공되는 가이드를 참고해주시기 바랍니다.
이해가 되지않는 내용은 우측 상단의 게시판에 문의해주시기 바랍니다.
고객님의 성공이 저희의 성공입니다. - 디자인웹굿 대표 -
쇼핑몰 관리자 로그인 페이지 이동
매뉴얼 주소 저장
복사저장 - https://webgood.co.kr/manual/7098/56-h9j82f0bk/index.html
해당 매뉴얼 페이지를 즐겨찾기로 등록하시거나, 현재 주소창의 주소를 저장해두시면 사용이 편해집니다.
이후 확인이 불가하실 경우 매뉴얼 재발행시 비용이 발생되니 참고해주세요.
(절대) 메인분류 삭제금지 상품 > 상품 진열 > 메인 진열 > 메인분류 관리
위 이미지에 표시된 버튼을 클릭해서 메인분류를 삭제하게되면 복구가 되지않습니다.
삭제시 다시 셋팅작업을 해야되기 때문에 작업비용이 발생되겠습니다.
* 상품분류와 메인분류는 다릅니다. 상품분류는 얼마든지 삭제하셔도 무방합니다.
구매후기 작성시 사은품증정 페이지 이동
구매후기 작성시 100점(★★★★★)을 주신 분들께는 디자인웹굿에서 "디자인소스 패키지"를 제공해드립니다.
생각보다 엄청난 양의 디자인소스입니다. ^^
후기 몇줄에 디자인하시는데 정말 도움이 되는 소스가 제공이 됩니다~
후기작성후 쇼핑몰아이디/메일주소를 문자로 보내주세요.
디자인소스 패키지의 발송은 매주 금요일에 보내주신 메일주소로 일괄 발송되겠습니다.
무료폰트 다운로드 나눔폰트 다운로드 구글 노토폰트 다운로드 지마켓폰트 다운로드
디자인에는 웹폰트로 적용되어 있지만 포토샵으로 작업시 다운받아 설치하셔야 폰트 사용이 가능합니다.
스마트디자인 편집창 열기
디자인(PC/모바일) > 디자인보관함 > 수정할 스킨 > 편집클릭
코드 수정을 하실려면 좌측의 전체화면보기, 아래의 HTML 버튼을 클릭해주세요.
ON / OFF 기능(한글버젼) /_wg/js/on_off.js
사용하지 않는 디자인은 한글로 '사용함', '사용안함' 을 기재하시면 디자인의 숨김처리가 가능합니다.
카페24 쇼핑몰 가이드 페이지 이동
디자인외의 궁금하신 점은 카페24 헬프센터를 이용해주세요.
또는 쇼핑몰 관리자 상단의 검색창을 이용해주세요.
포토샵원본 다운로드 다운로드
디자인에 사용된 모든 포토샵 원본(PSD파일)을 제공해 드립니다.
배너매니저 APP(이미지교체) 페이지 이동 앱 > 마이앱 > 배너플러스 V1
카페24 앱을 통해 별도의 html수정과 FTP 사용 없이 배너/디자인 수정이 가능합니다.
아래 디자인맵을 보시면 디자인별 명칭이 기재되어 있습니다. 참조해주세요.
디자인을 구매한 아이디에서는 별도의 설치 작업이 필요없이 바로 사용이 가능합니다.
디자인맵(소스/설정) 메인페이지 디자인 상세페이지 디자인 기타 디자인
* 배너관리 앱을 통해 수정이 가능하지만 별도의 커스텀이 필요하신 분들을 위해 제공해 드립니다.
* 링크를 클릭하시면 디자인맵에서 확대/축소/드래그가 가능합니다.
디자인명 / 소스위치 / 설정위치
컬러변경 /_wg/css/color.css
스킨컬러 미리보기를 통해 포토샵에서 컬러를 변경해보지 않아도 확인이 가능합니다.
* 미리보기는 실제 쇼핑몰 화면에서는 표시되지 않습니다.
위 CSS 파일에서 몇개의 컬러코드만 수정하면 원하시는 컬러로 디자인 됩니다.
디자인 백업/복구 페이지 이동
디자인 작업전 반드시 백업을 하시고 진행하세요.
상품 이미지가 흐릴 때 페이지 이동
상품이미지는 별도의 설정없이 등록하면 기존 카페24의 설정대로 이미지가 작아져 흐리게 보입니다.
유튜브 제품설명 (상품상세페이지용)
상품상세페이지에서 제품별 다른 유튜브 동영상을 보여줄 수 있는 기능입니다.
유튜브 영상페이지에서 공유버튼을 클릭후 나오는 주소에서 빨간색의 코드만 복사를 합니다.
상품정보입력창의 상품요약설명에 해당 코드를 넣어주시면 각 상품별로 다른 유튜브를 확인할 수 있습니다.
SNS 로그인 연동 관리 페이지 이동
SNS 로그인 연동 후에 쇼핑몰 로그인 페이지에 SNS 로그인 버튼이 표시되게 하려면 별도의 디자인 설정을 해야합니다.
해당 설정의 자세한 문의는 카페24에 해주세요.
SNS 상품홍보 (상품상세페이지) 페이지 이동
카페24의 SNS 상품 홍보 관리에서는 카카오톡은 제공하지 않습니다.
앱스토어에 유료앱이 있지만 무료로 사용할 수 있게 제작했습니다.
위 [페이지 이동] 게시글을 보시고 설정이 가능하십니다.
쇼핑몰 설정 > 상품 설정 > 상품 보기 설정 > SNS 상품 홍보 관리
에서도 추가 설정이 가능합니다.
SNS 공유 (검색엔진최적화) 페이지 이동
카카오톡이나 문자로 링크 전송시 받는 사람에게 보여지는 이미지와 내용을 설정할 수 있습니다.
검색엔진 최적화(SEO) 페이지 이동 쇼핑몰 설정 > 기본 설정 > 쇼핑몰 정보 > 검색 엔진 최적화(SEO)
해당 기능은 디자인과 무관한 시스템의 설정입니다. 디자인적인 처리가 불가합니다.
위 기재된 경로에서 모든 설정이 가능합니다.
자세한 문의사항은 카페24에 해주세요.
도메인 구매와 연결 페이지 이동 쇼핑몰 설정 > 기본 설정 > 쇼핑몰 정보 > 도메인 설정
도메인 구매는 쇼핑몰 디자인과 상품등록이 어느정도 완료된 뒤 구매해주세요.
기간제로 사용하는거라 일찍 구매하시면 손해입니다.
상세페이지 의류정보 디자인 미리보기 사이즈 이미지 /_wg/_cPack/cp401/sample.html
/_wg/_cPack/cp401/sample.html 에서 소스코드 확인이 가능합니다.
상품등록 페이지 이동
상품등록에 대한 자세한 문의는 카페24에 해주세요.
컬러칩설정 페이지 이동
상품 구매옵션에서 보다 직관적인 컬러칩을 생성할 수 있습니다.
옵션스타일을 '미리보기'로 선택해주세요.
상품목록 진열변경 페이지 이동
일반 상품 목록은 2단 ~ 6단으로 진열이 가능합니다.
위 링크를 참고해서 원하시는 진열 상태로 변경이 가능합니다.
인스타그램 설정 페이지 이동
카페24 앱스토어의 앱을 통해서 고객님의 계정이 보여질 수 있습니다.
위 기재된 경로에서 모든 설정이 가능합니다.
하단정보변경
전체소스 - /_wg/import/footer.html
전체소스를 열어보시면 아래의 소스코드가 모두 확인이 가능합니다.
1. 고객센터안내 - /_wg/import/oper_time.html
2. 입금계좌안내 - /_wg/import/bank_info.html
3. 배송안내 - /_wg/import/delivery_info.html
4. 회사정보 - 쇼핑몰 설정 > 기본 설정 > 쇼핑몰 정보 > 내 쇼핑몰 정보
5. 구매안전서비스 - /_wg/import/escrow_info.html
카페24페이먼츠(PG) 부가서비스 > 카페24페이먼츠(PG) > 서비스 소개
최신버젼 업데이트 최신버젼 미리보기
저희 스킨 디자인은 지속적인 업데이트를 진행하고 있습니다.
최신버젼 스킨이 필요하신 경우 010-3360-8426으로 문의해주세요.