- 전문 개발자가 없이도, HTML만 안다면 다양한 쇼핑몰 운영자의 욕구를 그대로 구현해낼 수 있는 디자인 관리툴입니다.
- 어느 브라우저에서나 쾌적한 쇼핑환경을 유지하며, 사이트 경량화를 통해 접속 속도를 높여줍니다.
- 또, 차별화된 고객 관리를 위해 다양한 스킨 기능을 탑재하고 있으며, 제약 없이 원하는 디자인을 구현할 수 있습니다.
모듈 편집
- 편집하고 싶은 모듈 위에 마우스를 가져가면 아래와 같이 모듈 영역이 선택되며, 모듈의 편집 버튼을 누르면 수정이 가능합니다.
꾸미기
- 선택한 모듈을 다양한 형태로 변경할 수 있습니다.
- 원하는 디자인을 선택한 후 [적용] 버튼을 누르면 선택한 형태로 모듈 디자인이 변경됩니다.
- ※ 수정사항이 실제 쇼핑몰 화면에 반영되기 위해서는 해당 페이지를 반드시 저장하셔야 합니다.
속성
- 선택한 모듈의 설정값을 스마트 편집창에서 바로 수정할 수 있습니다.
- 예를들어, PC쇼핑몰의 카테고리 메뉴 이미지를 스마트편집창 속성에서도 바로 수정할 수 있습니다.
- ※ 쇼핑몰관리자 설정 위치 : [상품 > 분류 관리 > 상품 분류 관리 > 분류꾸미기 > 메뉴 이미지]
HTML
- 이곳에서 HTML 소스를 수정한 후 적용 버튼을 누르면, 해당 수정사항이 미리보기 화면에 적용됩니다.
- ※ 수정사항이 실제 쇼핑몰 화면에 반영되기 위해서는 해당 페이지를 반드시 저장하셔야 합니다.
- ※ 이 곳에서 HTML 소스를 수정하는것은 화면모드의 분할보기 또는 HTML보기 상태에서 소스를 수정하는 결과와 동일합니다.
- ※화면모드를 변경해서 HTML소스를보면, 페이지 전체 소스를 보여지게되므로, 모듈 단위의 소스를 보고 싶은 경우에 사용하면 좋습니다.
모듈편집
- 선택한 모듈을 다른 모듈로 변경하고 싶거나, 위 혹은 아래에 다른 모듈을 추가하고 싶은 경우에 사용합니다.
- 변경하려는 모듈을 선택한 후, 현재 모듈과 변경을 선택하여 적용버튼을 누르면, 기존에 선택한 모듈이 변경하려는 모듈로 변경됩니다.
- 마찬가지로, 추가하려는 모듈을 선택한 후, 현재모듈의 위쪽에 추가 혹은 아래쪽에 추가를 선택하여 적용 버튼을 누르면, 기존에 선택한 모듈의 위 혹은 아래 쪽에 모듈이 추가됩니다.
- ※ 수정사항이 실제 쇼핑몰 화면에 반영되기 위해서는 해당 페이지를 반드시 저장하셔야 합니다.
이미지 편집
- 편집하고 싶은 영역이 단순 이미지인 경우에도 모듈과 마찬가지로 위에 마우스를 가져가면 해당 영역이 선택됩니다.
- 이미지의 편집 버튼을 누르면 속성, HTML, 모듈편집 등의 수정이 가능합니다.
속성
- 선택한 이미지를 다른 이미지로 변경할 수 있습니다.
- [파일 선택] 버튼을 클릭하여 이미지를 새로 업로드하면, 편집창에서 변경된 이미지로 미리보기할 수 있습니다.
- ※ 수정사항이 실제 쇼핑몰 화면에 반영되기 위해서는 해당 페이지를 반드시 저장하셔야 합니다.
레이아웃 편집
- 편집하고 싶은 영역이 레이아웃 파일에 속한 경우에는 선택하면 자동으로 레이아웃 파일이 열립니다.
- 예를 들어, 쇼핑몰 메인화면의 상단 로고 영역을 선택하면, ‘ 공통 레이아웃 ’ 화면이 자동으로 열리면서 해당 영역이 선택된 상태로 보여집니다.
- 이 상태에서 [편집] 버튼을 누르면 일반적인 모듈 편집과 동일하게 수정할 수 있습니다.
새 화면 편집
- [화면 추가]를 통해 새 화면을 추가한 경우는 다음과 같이 편집할 수 있습니다.
- [화면추가] 버튼을 눌러 파일명에 new.html 화면을 저장하면, 레이아웃과 모듈영역이 기본으로 추가됩니다.
- 모듈영역을 선택한 후 [편집] 버튼을 눌러, HTML 소스에서 직접 수정하거나 새로운 모듈을 추가할 수 있습니다.
1. 화면 추가
- [화면추가] 버튼을 눌러 파일명에 new.html 화면을 저장하면, 레이아웃과 모듈영역이 기본으로 추가됩니다.
2. 편집
- 모듈영역을 선택한 후 [편집] 버튼을 클릭해서, HTML 소스에서 직접 수정하거나 새로운 모듈을 추가할 수 있습니다.
