CMS매뉴얼 18.업체정보 메인화면에 출력하기
2012-02-27 11:59:08

18. 업체정보 메인화면에 출력하기

메인 중앙 디자인 하단의 업체정보 배너는 XML플래시를 통해 표시되며, 업체정보를 XML플래시를 통해 불러오기 위해서는 업체 정보등록이 필요합니다. 이번에는 업체정보를 등록하고 XML플래시로 출력하는 방법에 대해서 살펴보도록 하겠습니다.

(1) 업체정보 분류 생성하기

EMB000011a03cd8 src

? [업체정보》업체 분류 관리》분류 관리]에서“최상의 분류 생성”을 클릭합니다.

EMB000011a03cd9 src

? 분류명에 “먹거리”라고 입력하고 “수정”버튼을 클릭합니다.

EMB000011a03cda src

? 동일한 방법으로 “놀거리”, “볼거리”라는 최상의 분류도 생성합니다.

(2) 업체정보 등록하기

EMB000011a03cdb src

? [업체정보》업체 정보 관리》업체관리]에서 “업체정보 등록“버튼을 클릭합니다.

EMB000011a03cdc src

? 등록정보에서 "분류"를 지정합니다.

? 등록정보의 찾아보기 버튼을 이용해 "메인출력용 이미지"를 업로드 합니다.

? 메인 출력용 타이틀을 입력합니다. 회사명이나 전화번호 등을 입력합니다.

? 업체정보의 찾아보기 버튼을 이용해 “로고 이미지”를 업로드 합니다.

? “로고 이미지”외의 업체정보를 입력합니다. 여기에 입력하는 업체정보는 서브 페이지에 표시됩니다.

? “인증등록번호”, “사업자등록번호”등을 입력하고, ?등록 버튼을 클릭하면 업체정보등록이 완료됩니다.

? 위의 ? ~ ?을 반복하여 여러 개의 업체정보를 추가합니다. 아래는 업체정보가 등록된 화면입니다.

EMB000011a03cdd src

tip) 웹디모 솔루션에서 등록한 업체정보는“뉴스/기사 등록하기”에서 다룬 것과 같이 다른 분류로 이동하거나 복사할 수 있습니다. 업체정보 이동/복사 시에는 [메인 중앙 디자인 코딩하기> 클럽 뉴스 메인화면에 출력하기> 뉴스/기사 등록하기 >Check point]를 참고하시기 바랍니다.

(3) 업체정보 메인화면에 출력하기

이제 등록된 업체정보를 MXL플래시를 통해서 메인화면에 출력해보도록 하겠습니다. 아래의 그림에서 빨간 박스부분이 XML연동 업체정보가 출력되는 곳입니다.

EMB000011a03cde src

우선 웹디모 공식 솔루션 홈페이지(http://www.yestop.co.kr)에서 [XML플래시 오픈소스> 업체정보 관련> 업체정보의 사이트링크로 사용되는 xml플래시 오픈소스> 세로스크롤링 style1.zip]를 다운로드 받습니다.

EMB000011a03cdf src

? [디자인관리》디자인 마법사 설정》기본 XML 파일생성]의 “업체정보 XML 파일 관리"에서 XML파일 생성버튼을 클릭합니다.

EMB000011a03cbc src

EMB000011a03ce0 src

? 고유 CODE설정을 입력합니다.

? 나타낼 이미지의 사이즈를 입력하고, 출력수를 입력합니다.

? 출력방식에 “속성형"을 선택합니다.

? 등록 버튼을 클릭하면 게시판 XML파일 관리에“sample"이라는 코드가 생성됩니다.

EMB000011a03ce1 src

?sample”의 클립보드저장버튼을 클릭합니다.

tip) 클립보드저장은 복사(Ctrl+C)와 동일한 것으로 클립보드저장 후 붙여넣기(Ctrl+V)하면 복사된 소스가 삽입됩니다.

? 웹디모 공식 솔루션 홈페이지(http://www.yestop.co.kr)에서 다운로드 받은 style4_flash8.fla 파일을 열고 원본수정 없이 Ctrl+Enter를 눌러서 swf파일을 생성합니다.

EMB000011a03ce2 src

? 생성된 style4_flash8.swf파일을 [디자인관리》고급 디자인 관리》웹디자인 FTP] swf폴더에 업로드 합니다. (필자는 style4_flash8.swf파일을 style4.swf로 변경해서 업로드 하였습니다.)

[디자인관리》고급디자인 관리》메인 화면 디자인》메인 중앙 디자인] HTML소스에서 “업체정보”가 출력되어야 하는 <td>~</td>에 아래 소스를 삽입하면 업체정보가 다음과 같이 출력됩니다.

아래는 웹디모 솔루션에 XML플래시를 삽입하는 소스입니다.

<script>

flash("/img_up/shop_pds/ucomm01/design/swf/style4.swf",720,120,"","","xml_path=/xml_center/site_data.xml.php?xml_code=sample");

</script>

EMB000011a03ce3 src

tip) 다운로드 받은 세로스크롤링 style1.zip은 웹디모 커뮤니티에 맞게 설정되어 있기 때문에 필자는 플래시 수정 없이 사용하였습니다. 플래시의 사이즈 변경시에는 F9를 클릭하여 액션스크립트를 수정하시면 됩니다.

EMB000011a03ce4 src