디자인의 확장성이 가장 뛰어난 전자상거래 솔루션

: 4 : 5952
 

쇼핑몰에 새로운 페이지를 추가하려면 ?

 

  기술지원팀  


몰포유 서비스를 이용하시다 보면 게시판이나 이용안내, 그리고 사이트만의 새로운 페이지를 추가해야 할 필요를 느끼게 됩니다.
이때는 먼저 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 파일을 업로딩시키고 인터넷에서 확인합니다.

 


상호: 이지 / 대표이사: 김미정 정보보호 담당: 송희철팀장
통신사업자등록번호: 제2014-서울동작-0197호
사업자등록번호: 108-20-58935 /주소: (153-786)서울시 동작구 보라매로 84 진산빌딩
서비스 사무실: (08507) 서울시 금천구 가산디지털1로 128 STX V-TOWER 403-1호
전화:02-3477-1813/ 팩스: 02-3477-1804

Copyright 이지 .Inc. All right reserved.