관리자모드에 접속하신 후 디자인관리 > 디자인수정하기에서 수정하기 버튼을 클릭하여 스마트편집창을 오픈합니다.

스마트 디자인관리를 위해서는 항상 프로모드로 접속하셔야 합니다.

스마트편집창이 오픈되면 아래와 같이 index.html이 가장 먼저 열립니다.

스마트 편집창의 왼쪽 하단에 분할보기 버튼과 html보기 버튼이 있습니다.

일반적으로 스킨을 수정하실 때에는 html보기 버튼으로 전환하신 후 사용하시는 것을 권장드립니다.  소스코드 수정을 통해서만 스킨이 수정/변경되기 때문입니다.

다만, 로고이미지는 분할보기로 수정하시는것이 편리합니다.

로고를 변경하실 때는 PC 스마트편집창 좌측 맨아래 [분할보기] 화면으로 변경하신후에 작업하시는게 편리합니다.

1. 스마트편집창에서 로고이미지에 마우스 오버하시면 아래의 이미지와 같이 편집버튼이 생성됩니다.

2. 편집버튼을 클릭하세요!

3. 편집버튼을 클릭하면 로고수정 패널이 나타납니다.

[편집] 버튼을 클릭하시면 로고수정 패널팝업이 오픈됩니다. 

오픈된 로고수정 패널에서 좌측 속성메뉴를 클릭하시면 위의 이미지와 같이 로고이미지를 변경할 수 있는 패널이 보여집니다.

파일선택 버튼을 클릭하셔서 준비된 로고 이미지를 선택하신 후 적용버튼을 클릭하시면 로고이미지 변경이 완료됩니다.

로고변경 완료!

아주 간단하죠~!

로고수정패널이 열리지 않을때

로고이미지 파일 위치:  /_html/header_center.html

....

이따금 로고수정 패널이 새창으로 열리지 않는다는 접수가 아주 간혹 있습니다. ( 개인 브라우져 환경의 영향을 받는것 같습니다.)

스마트 디자인 편집창에서 index.html페이지에서 header_center.html [파일열기]를 클릭하면 위와 같은 html페이지가 나옵니다.

여기서 위와 같이 로고부분의 스크립트를 찾아 아래와 같이 변경하세요. (이때 로고이미지는 ftp를 이용하여 이미 업로드 되어있어야 합니다.)

소스코드에서 로고모듈 부분을 찾아서 src="{$logo}" 부분을 아래의 소스코드로 변경하세요.

변경전      src="{$logo}"

변경후      src="/web/upload/logo/logo.png"   

(로고파일명을 logo.png로 저장하시고 해당 위치에 업로드하셔야 합니다.)

 이것도 안된다면... 언제든지  요청하시면 체크해드리겠습니다.

문의접수는 webwebs@naver.com 으로 부탁드립니다.

작업중에 컴퓨터가 다운되어 모든 작업물이 날라가면 멘붕입니다. ^^

항상 저장하고 확인하는 습관을 들이시고..

html을 수정하시다 보면 , > " " ...등 아주 사소한 코드하나가 나도모르게 삭제되거나 작성이 안되어서 밤새는 경우가 허다합니다.

단위별로 작업후 저장하여 확인하는 일을 반복하시다 보면 이런 실수를 줄일 수 있게 됩니다.

그럼 성공 쇼핑몰의 오너가 되시길 기원하겠습니다.

감사합니다.