카페24 쇼핑몰 만들기 – 메인화면 디자인2 로고 변경 하기

카페24 쇼핑몰 만들기 – 메인화면 디자인2 로고 변경 하기

카페24 쇼핑몰 은 기본적으로 카페24의 구조를 그대로 유지하면서 사용하시는게 가장 좋습니다.
물론 html 수정이 능숙 한 분이라면 상관 없지만 초보자라면 카페24 html 구조를 그대로 유지 하시면서 사용하시면 초보자도 쉽게 쇼핑몰을 만들 수 있다는 것이죠.

오늘은 카페24 쇼핑몰 만들기 메인화면 디자인2 로고 변경하기에 대해서 알아보겠습니다.
로고 변경 과정을 살펴 보면
1. 로고 파일 제작 (포토샵,플래시 등)
2. 관리자 페이지에서 적용

이렇게 되는데요 먼저 포토샵에서 만든 이미지 파일을 적용하는 방법을 알아보겠습니다.

1. 이미지 파일인 경우


관리자 페이지 > 디자인관리 > html 디자인 설정 >공통모듈 리스트 > TOP > 01. TOPlOG 모듈편집 클릭

요기까지 잘따라 오셨다면 위와 같은 화면이 보여 지는데요 요기서 찾아보기를 클릭 해서 먼저 만들어 두신 이미지 파일을 선택 하시면 됩니다.

2. 플래시 파일인 경우

플래시로 파일을 먼저 제작 하시구요

제작된 swf 파일을 FTP 를 통해 업로드 해주세요 예를 들어
 web/upload/aile/fla 폴더에 업로드 해주시구요~~

관리자 페이지 > 디자인관리 > html 디자인 설정 >공통모듈 리스트 > TOP > 01. TOPlOG 모듈편집 클릭 > HTML 클릭

이미지 파일 경우에는 찾아보기에서 바로 적용 하시면 되지만 플래시 파일 경우는 html 소스를 직접 입력 하셔야 합니다.

요기 보시면 html 소스가 있습니다 요기서 절대 당황 하지 마시구요

  {{* a_1 *}}
     <td  bgcolor=”{{$tab_array.a_1.bgcolor}}” STYLE=”color:{{$font_array.a_1.font_color}};font-size:{{$font_array.a_1.font_size}};font-family:{{$font_array.a_1.font_type}};”>
     {{$a_1_u1}}
     </td>
 
요부분을 일케 변경 합니다.

<td>
 <script>
  setemb = new set_Embed();
  setemb.init(‘/web/upload/aile/fla/logo.swf ‘,’200,’80’,’flash’);
  setemb.parameter(‘wmode’,’transparent’);
  setemb.parameter(‘quality’,’high’);
  setemb.parameter(‘bgcolor’,’#FFFFFF’);
  setemb.show();
  </script>
</td>

변경을 하셨다면 하단에 있는 등록을 클릭해주세요
어~ 혹시 일케 해서 잘못 되면 어떡하지 걱정은 절대 하지 마세요..^^
만약 잘못 되었다면 지금 바로 그 화면에서 초기화 복구를 누르면 되니깐요..^^

위쪽에 소스 중에서 가장 중요한 부분 한번 더 설명 드릴께요
setemb.init(‘/web/upload/aile/fla/logo.swf ‘,’200,’80‘,’flash’);

바로 이부분 인데요 요기서 붉은색으로 된 부분은 조금전에 FTP를 통해서 업로드 한 SWF 파일의 경로 입니다 요녀석이 잘못 되면 화면에 나오지 않으니 잘 보시고 해주세요.
그리고 초록색으로 표기 된 부분은 SWF 파일의 가로,세로 사이즈 입니다. 사이즈를 잘못 기입 하시면 제대로 출력이 안되고 찌그러저 보일 수 있습니다.^^