쇼핑카트(장바구니) 설치
간단한 설정으로 상품판매 등에 사용할 수
있는 쇼핑카트 프로그램을 이용할 수 있습니다. 전자상거래 사이트의 경우 쇼핑카트를 이용하시면 방문자들이
원하는 물품들을 선택하여 고른 후 일괄적으로 주문할 수 있습니다.
[주의!]
현재 저희가 제공해 드리는 쇼핑카트와 신용카드결제시스템은 연동되지 않습니다. 신용카드 결제시스템을 사용하실 경우, 별도의 쇼핑카트 프로그램을 사용하셔야 합니다.
1. cart.zip 파일 다운로드
이곳을
클릭하여 cart.zip 파일을 다운로드 받습니다. [cart.zip
다운로드]
압축을 풀면 다음과 같은 세 개의 파일이 생성되며, 각각의 기능은 다음과 같습니다.
cartcfg.cgi: 쇼핑카트의
각종 환경설정
form.html: 주문양식의 모양을 설정
shape.html: 쇼핑카트의 모양을 설정
위의 파일을 자신의 도메인과 환경에 맞게
다음 과정에 따라 수정해 줍니다.
2. cartcfg.cgi 수정
# 자신의 홈페이지 주소
$home_url = 'http://www.mydomain.co.kr/';
# "쇼핑계속" 버튼을
누를때 나타날 페이지
$catalog_url = "http://www.mydomain.co.kr/FILE_A.html";
# 회사이름 혹은 쇼핑몰 이름
$company_name = "회사이름";
# 선택한 카트내용의 보관기간 (일단위)
$due_date = 1;
# 이상이 있을때 이메일을 받을 주소
$recipient = 'help@mydomain.co.kr';
# Shopping Cart 사용 언어 (korean/english)
$ language = "korean";
# 금액의 단위 (won/dollor)
$money = "won";
# 테이블 색상 지정
# ("장바구니보기" 화면 테이블에서 각 칸의 배경색과 글자색 지정)
$bgcolor1 = "#FF800F"; # 첫번째 <tr> 의 배경색
$font_color1 = "#FFFFFF"; # 첫번째 <tr> 의 글자색
$bgcolor2 = "#FFF7DF"; # 두번째 <tr> 의 배경색
$font_color2 = "#CF8C00"; # 두번째 <tr> 의 글자색
$bgcolor3 = "#D0FFFF"; # 세번째 <tr> 의 배경색
$font_color3 = "#000000"; # 세번째 <tr> 의 글자색
# 아이콘의 경로 - 자신이 만든 아이콘을
사용하려면 아래 변수를 사용하세요.
# $icon_url의 #표시를 지우시고, 자신의 아이콘이 있는 경로를 적으시면 됩니다.
# 사용되는 아이콘의 파일이름은 각각 다음과 같습니다.
# (increase.gif, decrease.gif, remove.gif, empty.gif, continue.gif,
checkout.gif)
#$icon_url = "http://www.mydomain.co.kr/icon_dir";
3. shape.html 파일 수정
shape.html 파일을 이용해 쇼핑카트
모양을 자유롭게 만들 수 있습니다. shape.html 파일은 일반 HTML 태그를 사용하기 때문에 쉽게
수정하실 수 있습니다.
[주의!]
<!--CART HERE-->부분은 절대 삭제하시면 안됩니다. <!--CART HERE-->
부분에 쇼핑카트의 출력부분이 나타나며, 그 이외의 부분은 원하는 대로 수정하시면 됩니다. (그림을 링크하실때의
주소는 모든 경로를 다 적어주시는것이 좋습니다.)
4. form.html 파일 수정
form.html 파일을 이용해 주문서 양식을
자유롭게 만들 수 있습니다. 이 부분은 이메일 폼 기능을 사용하게 됩니다. [이메일
폼 설치 도움말 참조]
[주의!]
<!--CART HERE-->부분은 절대로 삭제하시면 안됩니다. <!--CART HERE-->
부분에 쇼핑카트의 출력부분이 나타나며, 그 이외의 부분은 원하는 대로 수정하시면 됩니다.
5. 사용권한 수정
텔넷으로 접속하여 public_html 디렉토리
아래에 mkdir 명령어로 CART 란 디렉토리를 만들고 사용권한을 쓰기가 가능하도록 수정하여
줍니다.
[loginID@re]/usr/home/loginID/public_html>
mkdir CART
[loginID@re]/usr/home/loginID/public_html> chmod 707
CART
[주의!]
디렉토리 이름은 반드시 CART 라고 지정하셔야 하며, 대문자로 쓰셔야 합니다.
6. 구성파일들 업로드
FTP를 이용하여 CART 디렉토리에 수정한
세 개의 파일을 아스키(ASCII) 모드로 업로드 합니다.
7. 상품목록 페이지에 쇼핑카트 기능 삽입
이제 상품목록 페이지에 "바구니에
넣기"와 같은 쇼핑카트 기능을 추가하는 일만 남았습니다. 상품목록 페이지 작성은 쇼핑카트
데모 페이지를 참조하면 사용예를 보실 수 있습니다(쇼핑카트 데모의 HTML 코드를 살펴보시면
자세한 설명이 주석으로 기록되어져 있습니다). 즉, 상품목록 페이지에 별도로 작성된 쇼핑카드 기능의 HTML
코드를 설명에 따라 삽입하시면 됩니다.
"바구니에 넣기" 버튼은
다음과 같은 코드로 삽입이 가능합니다.
(진하게 표시된 부분은 반드시 변경할 사항)
<form method="post"
action="http://www.mydomain.co.kr/cgi-sys/cart.cgi">
<!-- 자신의 도메인과 login ID가 다를경우 반드시 아래와 같이 명시 -->
<input type="hidden" name="id" value="loingID">
<!-- "쇼핑계속"의
링크를 변경하길 원하면 아래와 같이 표시 (생략가능)-->
<input type="hidden" name="catalog_url"
value="http://www.mydomain.co.kr/FILE_A.html">
<!-- 수량을 선택할 수 있도록 할때
아래와 같이 사용 (생략가능)-->
주문수량 : <input type=text value="1" name="quantity"
SIZE=6> 개
<!-- 옵션사항이 있을때 아래와 같이
opt1 이름을 사용 (생략가능) -->
<select name="opt1">
<option value="검정">검정
<option value="파랑">파랑
<option value="빨강">빨강
<option value="은색">은색
<option value="금색">금색
</select>
<!-- 옵션사항이 여러개일 경우 opt1, opt2, op3... 와 같이 사용 -->
<!-- 실제 제품의 정보 전달 (가장
중요) -->
<input type="hidden" name="item" value="물품번호|상품이름|단가|수량">
<!-- "바구니에 넣기"
버튼 -->
<input type="submit" value="바구니에넣기">
</form>
쇼핑카트 설치방법은 이상과 같습니다. 쇼핑카트
데모 페이지를 참고하시면 쉽게 설치하실 수 있을 것입니다.
;)
