1. 디자인 스킨관리 UI 개편

'쇼핑몰어드민 > 모바일쇼핑몰 > 디자인 스킨관리' 페이지가 아래와 같이 개편되었습니다.
HTML 편집기능이 추가됨에 따라 디자인모드 항목이 추가되었으며, 관리 항목의 버튼도 변경되었습니다.

[변경 전]




[변경 후]



1) 현재 ‘적용중’인 디자인은 항상 목록의 첫 줄에 표시디며, 다음 목록부터 최근 추가한 순서대로 목록에 표시됩니다.

2) [스킨보기] : 현재 설정되어 있는 모바일쇼핑몰 미리보기 기능입니다.
    [속성편집] : 선택한 디자인 속성을 편집할 수 있는 페이지로 이동합니다. (설정한 디자인모드에 따라 표시되는 메뉴가 다름)
    [HTML편집] : 디자인모드를 HTML 모드로 선택한 경우에만 노출되며, 클릭시 HTML 편집 페이지로 이동합니다.

3) [모바일쇼핑몰에 적용] : 선택한 디자인을 모바일쇼핑몰에 적용합니다.
    [디자인모드 변경] : 선택한 디자인을 원하는 디자인모드(템플릿/HTML)로 변경합니다.
    [삭제] : 선택한 디자인을 삭제합니다.  (단 적용중인 디자인은 삭제 불가)

4) [스킨추가] : 새로운 디자인을 추가합니다.
   - 적용 중인 디자인 스킨 포함해서 총 20개까지 추가 가능하며, 한 화면에서 20개 리스트 모두 출력 됨


2. 속성편집 메뉴 개선

스킨목록의 [속성편집](구 '편집하기') 버튼을 클릭하면 이동되는 속성편집 페이지의 메뉴가
아래와 같이 개편되었습니다.



1) 해당 스킨이 HTML 모드인 경우에만 노출되는 메뉴입니다.


3. HTML 편집

1) 페이지리스트

모바일쇼핑몰의 전체 페이지를 각 메뉴 별로 구분하여 보여줍니다.
각 페이지를 클릭하면 해당 화면의 디자인 편집 페이지로 이동하여 HTML, 모듈리스트, CSS 등
소스 확인 및 수정을 하실 수 있습니다.

▼ 페이지 리스트 화면



▼ 주문서 작성 HTML 편집 화면


- HTML 편집 영역에서 원하시는 내용으로 소스 수정을 하실 수 있으며, 소스 초기화 복구가 가능합니다.
- 하단의 모듈 리스트에서 각 모듈의 [편집]버튼을 누르면 해당 모듈 편집 화면으로 이동합니다.


2) 공통모듈 리스트

모바일쇼핑몰의 공통모듈을 수정하실 수 있습니다.
공통모듈에서 한번만 디자인을 수정하면 모든 페이지에 일괄로 적용됩니다.

▼ 모바일쇼핑몰 화면



▼ 공통모듈 리스트 화면


- 위의 모바일쇼핑몰 화면과 같이 공통모듈로 지정된 영역을 각 모듈의 [편집] 버튼을 통하여 수정할 수 있습니다.