4. 상품 환경변수 설정 - nhn/ace.guide.script GitHub Wiki

제품 환경변수를 설치하기 위한 가이드 입니다.

Check Point!
환경변수 스크립트는 반드시 공통스크립트보다 상단에 위치해야 합니다.

구성

4.1 제품 설정 방법

압축 파일에 있는 1-Product.txt 파일에 제품관련 변수들을 확인하실 수 있습니다.
제품상세, 구매완료 변수들은 각각 처리되는 페이지에서 변수에 맞게 값을 넣어주시면 됩니다.
제품관련 옵션이 있을 경우 선택적으로 설정해주시면 됩니다.

<!--AceCounter Plus eCommerce Product Start -->
<script language='javascript'>
var _AceTM=(_AceTM||{});
_AceTM.Product={
        pCode:'',  //제품아이디(필수)
        pName:'',  //제품이름(필수)
        pPrice:'',  //판매가(필수)
        pCategory:'', //제품 카테고리명(선택)
	pImageURl:'',//제품이미지url 주소(필수)
        pLink:'',//제품상세페이지 주소(선택)
	oItem:[]
};
</script>
<!--AceCounter Plus eCommerce Product End -->

<!--AceCounter Plus eCommerce Buy Start -->
<script language='javascript'>
var _AceTM=(_AceTM||{});
_AceTM.Buy={
	bOrderNo:'', //주문번호(필수)
	bTotalPrice:'', //주문 총가격(필수)
	bPay:'',  //지불방법(ex : 무통장,신용카드 ,~~~)
	bItem:[], // 주문리스트(필수)
	bDeliveryPrice:'' //배송비
};
</script>
<!--AceCounter Plus eCommerce Buy End -->

<!--AceCounter Plus eCommerce Buy item Start -->
<script language='javascript'>
_AceTM.Buy.bItem.push({
	pCode:'',	 //제품아이디
	pName:'',  	 //제품이름
	pQuantity:0, //제품수량 or 옵션수량
	pPrice:'', 	 //판매가
	oCode:'',    //옵션아이디
	oName:''     //옵션이름
});
</script>
<!--AceCounter Plus eCommerce Buy item End -->

4.2 제품상세 페이지 설정

공통 환경변수 설정 후, 해당하는 공통 환경변수에 대한 페이지 설정이 필요합니다.
다운로드 된 파일의 samples 폴더 내에 위치한 제품상세 페이지 파일**(1-Product_Detail.txt)**을 참고하여 설정해주세요.

// 제품상세 페이지 제품정보 설정
<!--AceCounter Plus eCommerce Product Start -->
<script language='javascript'>
var _AceTM=(_AceTM||{});
_AceTM.Product={
        pCode:'prd123',  //제품아이디(필수)
        pName:'에이스크래커',  //제품이름(필수)
        pPrice:'6000',  //판매가(필수)
        pCategory:'과자', //제품 카테고리명(선택)
	pImageURl:'http://acecounter.com/img/prd/33.jpg',//제품이미지url 주소(필수)
        pLink:'http://acecounter.com/prdDetail?pno=33',//제품상세페이지 주소(필수)
	oItem:[]
};
</script>
<!--AceCounter Plus eCommerce Product End -->
// 장바구니 & 바로구매 & 찜하기 액션처리
<a href="goOrder.html" onMouseDown="_AceTM.BuyNow(document.shop.cnt.value)">바로구매</a>
<a href="goCart.html" onMouseDown="_AceTM.AddCart(document.shop.cnt.value)">장바구니</a>
<a href="goWish.html" onMouseDown="_AceTM.WishList(document.shop.cnt.value)">찜하기</a>

document.shop.cnt.value 는 담거나 구매하는 제품의 수량값이 들어갑니다.

장바구니에 담거나 구매할 제품 수량이 페이지 내 폼 변수에 따라 결정되는 경우는 폼변수를 설정해주셔야 합니다.

4.3 구매완료 페이지 설정

환경변수 스크립트 설정 후, 해당하는 환경변수 스크립트에 대한 페이지설정이 필요합니다.
다운로드 된 파일의 samples폴더 내에 위치한 구매완료 페이지 파일**(3-Buy-Finish.txt)**를 참고하여 설정해주세요.

// 주문정보에 대한 설정. 구매리스트 Loop 시작전에 설정해주세요.
<!--AceCounter Plus eCommerce Buy Start -->
<script language='javascript'>
var _AceTM=(_AceTM||{});
_AceTM.Buy={
	bOrderNo:'101010101', //주문번호(필수)
	bTotalPrice:'50000', //주문 총가격(필수)
	bPay:'무통장',  //지불방법(ex : 무통장,신용카드 ,~~~)
	bItem:[], // 주문리스트(필수)
	bDeliveryPrice:'3000' //배송비
};
</script>
<!--AceCounter Plus eCommerce Buy End -->

// 구매제품 상세 정보 설정 구매리스트 Loop 안에 설정해주세요.
<!--AceCounter Plus eCommerce Buy item Start -->
<script language='javascript'>
_AceTM.Buy.bItem.push({
	pCode:'13',	 //제품아이디
	pName:'연필',  	 //제품이름
	pQuantity:1, //제품수량 or 옵션수량
	pPrice:'5000', 	 //판매가
	oCode:'',    //옵션아이디
	oName:''     //옵션이름
});
</script>
<!--AceCounter Plus eCommerce Buy item End -->
⚠️ **GitHub.com Fallback** ⚠️