디자인 관리
쇼핑몰 창업/운영 디자인 관리
- Q. 쇼핑몰 하단 정보 수정은 어떻게 하나요?
-
작업방향에 따라 수정 방법이 상이할 수 있으며, 최신 스킨의 경우 업체정보를 수정 시 반영되는 구조입니다.
스킨가이드 > 레아아웃, 메인 > 하단(footer) > 하단 영역선택 [바로가기]
스킨가이드와 같이 {{$치환코드}}로 작업이 되어 있을 경우 아래 경로에서 수정 시 반영되는 구조입니다.
＊ 관리자 > 설정 > 일반설정 > 쇼핑몰정보 설정 > 업체정보
위 경로에서 수정해도 반영되지 않을 경우 치환코드를 사용하지 않고 소스 코드 내에서 직접 텍스트를 기재 또는 이미지로 작업되어 있을 수 있습니다.
직접 텍스트로 기재된 경우 아래 경로를 통해 소스 내에서 수정이 가능합니다.
＊ 관리자 > 디자인(PC)/모바일 > HTML 편집 > 하단 공통페이지 편집
※ 소스 코드 수정 시 기존 소스 코드를 백업하신 뒤 작업 진행을 권장 드립니다.
※ 소스 코드를 수정할 경우 잘못된 삽입으로 발생하는 오류에 대해서는 수정한 본인에게 책임이 있습니다.
- Q. 파비콘(ico 확장자 파일)은 어떻게 만드나요?
-
포토샵에서도 ico 확장자를 제공하지 않으므로, 제작 또는 파일 변환을 해야 합니다.1) 포토샵으로 만든 이미지를 파일 변환- 우선 포토샵으로 16 x 16px로 이미지를 제작합니다.- 파일 변환 사이트를 통해 ico 확장자로 변환합니다.2) 아래 '파비콘 직접 제작' 링크를 통해 직접 제작할 수 있습니다.※ 파비콘은 ico 확장자만 등록할 수 있습니다.※ 참고하시어, 제작 및 변환할 수 있는 사이트를 공유드립니다.
- Q. 등록한 팝업에 링크를 추가하고 싶어요.
-
HTML 태그를 사용하여, 링크를 추가할 수 있습니다.
관리자 > 디자인 > 개별디자인편집 > 팝업관리에서 [추가] 또는 기존 등록된 팝업을 수정할 때,
＊ [내용] 영역에 추가된 {{이미지1}}를 확인할 수 있습니다.
＊ a 태그를 활용해서, 연결하려는 링크를 삽입할 수 있습니다.
[a 태그 형식]
<a href="https://www.wisa.co.kr" target="_blank">{이미지1}</a>
＊ 파란색으로 표기한 주소 URL을 연결할 URL로 변경하여, 동일한 형식을 내용에 등록하시면 됩니다.
＊ target="_blank"는 클릭 시 해당 링크를 '새 창'으로 연결합니다.
- Q. 회사소개는 어떻게 수정하나요?
-
텍스는 HTML 편집, 이미지는 이미지 관리 메뉴에서 변경할 수 있습니다.아래 경로에서 PC/모바일 각각 편집 페이지를 제공하고 있습니다.■ [PC]관리자 > 디자인 > HTML 편집 > 페이지 편집 > 회사정보 > 회사소개■ [모바일]관리자 > 모바일 > HTML 편집 > 페이지 편집 > 회사정보 > 회사소개＊ 등록되어 있는 이미지는관리자 > 디자인/모바일 > 디자인/모바일 관리 > 이미지 관리 > 기타 탭에 등록되어 있습니다.- 파일명 : company.jpg동일한 경로에 동일한 파일명 + 확장자로 등록 시 적용됩니다.※ 동일한 파일명으로 업로드하는 경우 사용하는 브라우저에서 이전 '캐시'가 저장되어 있을 수 있으므로, 변경 전 이미지가 보일 수 있습니다. 이때, 사용하는 브라우저에서 '캐시 삭제' 후 확인해주시기 바랍니다.＊ 지도 위치(Location) 수정구글맵의 iframe을 사용하여, 연동되어 있습니다. 구글맵에서 주소를 검색하여, [지도 퍼가기]를 통해 iframe 태그를 복사할 수 있습니다.복사한 iframe 태그를 기존 영역 양식에 맞게 변경해주시면 됩니다.
- Q. 인트로 페이지를 사용하고 싶어요.
-
관리자 > 디자인(PC)모바일 > 디자인/모바일 관리 > 스킨 관리에서 [스킨 설정] 버튼을 클릭해서 인트로 페이지 사용 여부를 설정할 수 있습니다.
인트로 페이지 작업은 관리자 > 디자인(PC)/모바일 > HTML 편집 > 페이지 편집 > 인트로 페이지에서 HTML을 통해 등록/수정할 수 있습니다. - Q. 사이트 내에서 오른쪽 마우스 클릭을 금지하고 싶어요.
-
관리자 > 디자인 > 디자인 관리 > 페이지보안 설정에서 오른쪽 마우스 차단 설정을 통해 제어할 수 있습니다.
- Q. 쇼핑몰에 영상 삽입은 어떻게 하나요?
-
유튜브 또는 비메오에 업로드한 영상을 iframe 태그로 가져와서 삽입할 수 있습니다.
1. 유튜브에 접속하여, 삽입할 영상의 상세페이지에서 [공유] 버튼을 클릭합니다.
2. 공유 레이어창에서 [퍼가기]를 선택합니다.
3. 제공되는 iframe 태그를 복사하여, 에디터 내에 HTML로 삽입합니다.
※ 별도 제작을 통해 배너에 영상이 작업되어 있는 경우 아래와 같이 실 URL 정보만 복사 및 배너에 삽입하여 연동이 가능합니다.
<iframe width="560" height="315" src="https://www.youtube.com/embed/NAt-U7ve70Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
■ 예시1) 상품등록 시 상품 상세페이지 등록하기
- 에디터 내에 오른쪽 아래 HTML 탭을 선택 후 복사한 iframe 태그를 삽입합니다.
- 삽입 후 오른쪽 아래 Editor 탭으로 이동하면, 삽입된 영상을 확인할 수 있습니다.
■ 예시2) 게시판 내용에 등록하기
※ 게시판의 경우 권한 설정에 따라 이용하는 고객도 글쓰기가 가능하므로, iframe 태그 사용이 제한되어 있습니다.
※ 특정 IP에만 iframe 사용이 가능하도록 허용 처리를 해드리고 있으며, 1:1 고객센터로 허용할 IP 주소를 접수 시 허용 처리해드리고 있습니다.
- 에디터 내에 오른쪽 아래 HTML 탭을 선택 후 복사한 iframe 태그를 삽입합니다.
- 삽입 후 오른쪽 아래 Editor 탭으로 이동하면, 삽입된 영상을 확인할 수 있습니다.
※ 에디터(Editor)가 제공되지 않는 영역에는 별도 HTML 작업을 통해 삽입할 수 있습니다.
- [업데이트] 아이디 비밀번호 찾기 인증
-
[스킨 작업안내]
■ PC 쇼핑몰
- 위치 : 관리자 > 디자인 > HTML 편집 > 페이지 편집 내 회원관련 > 아이디 비밀번호 찾기 인증
* 스타일시트의 경우 관리자 > 디자인 > HTML 편집 > 스타일 시트 편집 페이지를 통해 관리할 수 있습니다.(샘플소스)
{{$찾기폼시작}}
{{$아이디비밀번호찾기구분}}
인증번호 입력
회원정보에 등록한 {{$아이디비밀번호찾기조건}}와 입력한 {{$아이디비밀번호찾기조건}}가 일치해야 인증번호를 받을 수 있습니다.
발송된 인증번호의 유효시간은 5분입니다.
{{$아이디리스트}}
닫기
{{$폼끝}}- {{$아이디리스트}} 페이지 코드 편집하기
■ 모바일 쇼핑몰
- 위치 : 위치 : 관리자 > 디자인 > HTML 편집 > 페이지 편집 내 회원관련 > 아이디 비밀번호 찾기 인증
* 스타일시트의 경우 관리자 > 디자인 > HTML 편집 > 스타일 시트 편집 페이지를 통해 관리할 수 있습니다.(샘플소스)
{{$찾기폼시작}}
{{$아이디비밀번호찾기구분}}
회원정보에 등록한 {{$아이디비밀번호찾기조건}}와 입력한 {{$아이디비밀번호찾기조건}}가 일치해야, 인증번호를 받을 수 있습니다.
발송된 인증번호의 유효시간은 5분입니다.
닫기
{{$아이디리스트}}
{{$폼끝}}- 위치 : 관리자 > 디자인 > HTML 편집 > 페이지 편집 내 회원관련 > 회원 정보 수정 완료