|
몰포유 서비스를 이용하시다 보면 게시판이나 이용안내, 그리고 사이트만의 새로운 페이지를 추가해야 할 필요를 느끼게 됩니다.
이때는 먼저 AceCart 템플릿 파일의 개념을 이해하시는 것이 중요한데..
FTP로 해당 서버에 접속해서 보시면
/acecart/bin/template/ 에 템플릿 파일들이 위치하고 있습니다.
템플릿 폴더에는 아래와 같이
| |
auto.html
autoemail.html
autoview.html
cartview.html
detail.html
edit.html
index.html
info.html
join.hml
list.html
qna.html
...
|
등 여러가지 파일들이 있는데 이 파일들은 shop.cgi 라는 프로그램파일이 쇼핑몰의 각페이지를 구성하는 형식으로써 불러들이게
되는 소스파일이라고 생각하시면 됩니다.
예를 들어 쇼핑몰 회원가입 페이지의 경우 주소를 보면
http://도메인명/acecart/bin/shop.cgi?action=join
의 형태로 join.html 이라는 템플릿 파일을 "shop.cgi?action=템플릿파일명"형식으로
불러 옴을 알 수 있습니다.
이는 쇼핑몰의 각 페이지에 공통적으로 적용되는 사항으로
온라인 자동견적은 shop.cgi?action=auto, 상품세부검색은 shop.cgi?action=detail,
게시판은 shop.cgi?action=qna 와 같이 각 템플릿 파일들이 사용되고 있습니다.
따라서 쇼핑몰에 새로운 페이지를 추가하되 상단의 메뉴나 왼쪽의 검색폼, 상품분류와 같이 프로그램과 연동되는 항목들을 유지하고
싶을 때는 템플릿 파일을 하나 더 추가하는 것으로 간단히 해결됩니다.
예를 들어서 쇼핑몰에 쇼핑몰 이용안내 페이지를 삽입하고자 한다면
| 1. |
우선 나모, 드림위버 같은 웹에디터를 이용하여 추가하고자 하는 이용안내페이지를 제작하고 '이용안내.html'파일로
저장합니다.
이때 다른 페이지와의 연속성을 위해 상단 및 왼쪽 메뉴를 그대로 두고 본문 부분만 디자인 합니다. |
| 2. |
템플릿 파일 가운데 가장 무난한 list.htm(상품리스트 파일)을 서버로 부터 다운로드 받아서
임의로 'guide.html'파일로 이름을 바꾸어 저장합니다. |
| 3. |
메모장, EditPlus 같은 텍스트 에디터로 guide.html와 미리 디자인해 놓은 '이용안내.html'파일을
모두 불러들입니다. |
| 4. |
'guide.html'에서 주석(예:<!-- top시작 -->)을 참고로 이용안내
부분이 삽입될 본문 부분에 있는 상품리스트 관련 테그들을 삭제하고 '이용안내.html'파일의 소스를 복사하여 붙여 넣습니다. |
| 5. |
이때 주의 하실 사항은 이용안내에 이미지파일이나 다른 페이지의 링크가 있을때 이 guide.html파일의
위치가 비록 /acecart/bin/template/ 위치에 있지만
실제로는 /acecart/bin/로 실행된다는 점을 고려하셔서 각 경로를
정확히 설정하여야 합니다. |
| 6. |
작업이 끝났으면 서버의 /acecart/bin/template
폴더에 'guide.html'파일을 업로드 합니다. |
| 7. |
마지막으로 새로 작업한 이용안내 메뉴를 쇼핑몰의 적당한 위치에 템플릿 파일들을 이용하여 삽입하고
shop.cgi?action=guide라는 경로로 링크를
잡아줍니다. |
| 8. |
인터넷에서 결과를 확인합니다. |
만약 단순히 html 소스를 삽입하는 것이 아니고 게시판 같은 별도의 cgi 파일들이 들어가는 페이지를 추가하고자 한다면
| 1. |
템플릿 폴더의 'qna.html (게시판페이지)'를 위와 같은 방법으로 불러내어
'board.html'파일로 복사합니다. |
| 2. |
텍스트에디터로 파일을 열면 본문에 <iframe
.......>테그를 확인 합니다. |
| 3. |
삽입하고자하는 게시판의 URL 이나 외부 cgi페이지의 URL을
<iframe... src="http://삽입하려는 URL"></iframe>
형식으로 삽입합니다.
|
| 4. |
다시 /acecart/bin/template/
폴더에 새로 작업한 board.html 파일을 업로딩시키고 인터넷에서
확인합니다. |
|
