메뉴 바로가기 본문 바로가기



  1. 에디봇디자인은 전문 지식 없이도 이미 제작되어 있는 컴포넌트를 조합해 원하는 디자인을 제작하는 디자인 방법입니다.
  1. 쇼핑몰 주요 기능을 포함한 기본 디자인을 무료로 제공하고 있으며 PC, 모바일, 태블릿 등 다양한 기기에 대응하는 반응형 디자인입니다.
  1. 쇼핑몰 관리자에 접속하면 기본으로 제공됩니다.

에디봇디자인 편집창

  1. 에디봇디자인 편집창은 컴포넌트를 수정할 수 있는 편집 도구입니다.
  1. 컴포넌트를 끌어다 놓는(Drag & Drop) 방식으로 추가, 삭제, 이동시키면서 원하는 디자인을 제작할 수 있습니다.

컴포넌트

  1. 컴포넌트는 에디봇디자인 자체에서 제공되는 완성된 디자인 요소로 드래그 앤 드롭을 통해 원하는 위치에 배치할 수 있습니다.
  1. 컴포넌트는 일반 컴포넌트와 추가 기능이 제공되는 컴포넌트로 나뉩니다. 일반 컴포넌트는 설정을 변경할 수 없는 반면 추가 기능이 제공되는 컴포넌트는 일부 설정을 바꿔 사용할 수 있습니다.
  1. 추가 기능이 제공되는 컴포넌트에 마우스 커서를 올리거나(PC), 터치하면(모바일) 노출되는 아이콘을 선택해 편집할 수 있습니다.
  1.  
  1. 추가 기능
  1.  
  1. 1. 이미지 연결 URL 등록
  1.  배너 컴포넌트 이미지를 교체하거나 해당 영역을 클릭하면 연결될 페이지 URL을 등록할 수 있습니다.
  1.  이미지는 가지고 있는 이미지를 사용하거나 에디봇 배너로 만든 이미지를 사용할 수 있습니다.
  1.  
  1. 2. 메인 진열 목록 선택
  1.  쇼핑몰 관리자에 등록한 메인 진열 목록 중 하나를 선택해 메인 진열 컴포넌트에 노출될 분류를 선택할 수 있습니다.
  1.  메인 진열 목록은 [상품관리 > 상품진열 > 메인 상품 진열] 검색 조건 영역세어 메인분류 관리 버튼 선택 후 메인분류 관리창에서 확인할 수 있습니다.
  1.  
  1. 에디봇디자인으로 제작하는 온라인 쇼핑몰은 각 영역이 컴포넌트로 구성되어 있습니다. 쇼핑몰 관리자에서 설정한 정보는 컴포넌트별 기능에 맞춰 자동 반영됩니다.
  1. 기본 스킨에 포함된 일부 컴포넌트는 쇼핑몰 관리자 설정 정보가 반영되지 않을 수 있으며 이런 현상은 반영되길 희망하는 정보가 포함된 컴포넌트를 찾아 교체하거나 추가하면 해결할 수 있습니다.
  1.  
  1. 기본 스킨 정보 및 정보별 컴포넌트 분류

반응형 설정하기

  1. 1. [모바일쇼핑몰 > 모바일 환경설정]으로 이동합니다.
  1. 2. 모바일 전용 디자인 사용 설정을 사용안함으로 선택, 저장합니다.

  • 에디봇디자인을 대표 디자인으로 설정하면 자동으로 모바일 전용 디자인 사용 설정이 사용 안 함으로 설정됩니다.

HTML/CSS로 수정하기

  1. 에디봇디자인을 HTML/CSS로 수정하고싶을 경우 스마트디자인으로 무료 전환할 수 있습니다.
  1.  
  1. 1. [디자인관리 > 디자인보관함]으로 이동합니다.
  1. 2. 전환할 에디봇디자인 스킨 URL 아래에 있는 스마트디자인으로 전환을 선택합니다.
  1. 3. 주의사항 확인 후 전환 버튼을 선택합니다.
  1. 4. 전환한 에디봇디자인 스킨의 수정 버튼을 선택하면 스마트디자인 편집창이 열리고 HTML/CSS 수정이 가능합니다.
  1.  
  1. 이 외에 에디봇디자인에서 제공하지 않는 페이지에 대한 편집을 원할 경우에도 스마트디자인으로 전환합니다. 
  1.  
  1. 에디봇디자인에서 제공하는 페이지
  1.  
  • 쇼핑몰 메인
  • 슬라이딩 메뉴
  • 상품 분류
  • 상품 상세
  • 상품 검색
  • 장바구니
  • 마이쇼핑
  • 로그인
  • 상품 후기 목록
  • 상품 후기 보기
  1.  
  1. ※ 에디봇디자인에서 제공하지 않는 페이지는 공통 디자인이 적용됩니다.
  1.  
  • 에디봇디자인을 스마트디자인으로 전환하면 되돌릴 수 없으므로 신중히 결정해야 합니다.