- 에디봇디자인은 전문 지식 없이도 이미 제작되어 있는 컴포넌트를 조합해 원하는 디자인을 제작하는 디자인 방법입니다.
- 쇼핑몰 주요 기능을 포함한 기본 디자인을 무료로 제공하고 있으며 PC, 모바일, 태블릿 등 다양한 기기에 대응하는 반응형 디자인입니다.
- 쇼핑몰 관리자에 접속하면 기본으로 제공됩니다.
에디봇디자인 편집창
- 에디봇디자인 편집창은 컴포넌트를 수정할 수 있는 편집 도구입니다.
- 컴포넌트를 끌어다 놓는(Drag & Drop) 방식으로 추가, 삭제, 이동시키면서 원하는 디자인을 제작할 수 있습니다.
컴포넌트
- 컴포넌트는 에디봇디자인 자체에서 제공되는 완성된 디자인 요소로 드래그 앤 드롭을 통해 원하는 위치에 배치할 수 있습니다.
- 컴포넌트는 일반 컴포넌트와 추가 기능이 제공되는 컴포넌트로 나뉩니다. 일반 컴포넌트는 설정을 변경할 수 없는 반면 추가 기능이 제공되는 컴포넌트는 일부 설정을 바꿔 사용할 수 있습니다.
- 추가 기능이 제공되는 컴포넌트에 마우스 커서를 올리거나(PC), 터치하면(모바일) 노출되는 아이콘을 선택해 편집할 수 있습니다.
-
- 추가 기능
-
- 1. 이미지 연결 URL 등록
- 배너 컴포넌트 이미지를 교체하거나 해당 영역을 클릭하면 연결될 페이지 URL을 등록할 수 있습니다.
- 이미지는 가지고 있는 이미지를 사용하거나 에디봇 배너로 만든 이미지를 사용할 수 있습니다.
-
- 2. 메인 진열 목록 선택
- 쇼핑몰 관리자에 등록한 메인 진열 목록 중 하나를 선택해 메인 진열 컴포넌트에 노출될 분류를 선택할 수 있습니다.
- 메인 진열 목록은 [상품관리 > 상품진열 > 메인 상품 진열] 검색 조건 영역세어 메인분류 관리 버튼 선택 후 메인분류 관리창에서 확인할 수 있습니다.
-
- 에디봇디자인으로 제작하는 온라인 쇼핑몰은 각 영역이 컴포넌트로 구성되어 있습니다. 쇼핑몰 관리자에서 설정한 정보는 컴포넌트별 기능에 맞춰 자동 반영됩니다.
- 기본 스킨에 포함된 일부 컴포넌트는 쇼핑몰 관리자 설정 정보가 반영되지 않을 수 있으며 이런 현상은 반영되길 희망하는 정보가 포함된 컴포넌트를 찾아 교체하거나 추가하면 해결할 수 있습니다.
-
반응형 설정하기
- 1. [모바일쇼핑몰 > 모바일 환경설정]으로 이동합니다.
- 2. 모바일 전용 디자인 사용 설정을 사용안함으로 선택, 저장합니다.
- 에디봇디자인을 대표 디자인으로 설정하면 자동으로 모바일 전용 디자인 사용 설정이 사용 안 함으로 설정됩니다.
HTML/CSS로 수정하기
- 에디봇디자인을 HTML/CSS로 수정하고싶을 경우 스마트디자인으로 무료 전환할 수 있습니다.
-
- 1. [디자인관리 > 디자인보관함]으로 이동합니다.
- 2. 전환할 에디봇디자인 스킨 URL 아래에 있는 스마트디자인으로 전환을 선택합니다.
- 3. 주의사항 확인 후 전환 버튼을 선택합니다.
- 4. 전환한 에디봇디자인 스킨의 수정 버튼을 선택하면 스마트디자인 편집창이 열리고 HTML/CSS 수정이 가능합니다.
-
- 이 외에 에디봇디자인에서 제공하지 않는 페이지에 대한 편집을 원할 경우에도 스마트디자인으로 전환합니다.
-
- 에디봇디자인에서 제공하는 페이지
-
-
- ※ 에디봇디자인에서 제공하지 않는 페이지는 공통 디자인이 적용됩니다.
-
- 에디봇디자인을 스마트디자인으로 전환하면 되돌릴 수 없으므로 신중히 결정해야 합니다.