코드 삽입
디자인을 수정하거나 다양한 리타게팅 광고 집행을 위한 코드를 삽입해보세요.

목차

1. 코드 삽입이란?

사이트 공통 또는 개별 페이지의 head, body 태그 내에 원하는 코드를 삽입할 수 있는 기능입니다.
코드를 입력 후 "변경사항 저장하기" 버튼을 클릭하면 즉시 사이트에 반영됩니다.
주로 디자인을 수정하거나 다양한 리타게팅 광고 집행을 위해 사용됩니다.

2. 코드 삽입 활용하기

식스샵 고객들이 주로 문의하는 코드 삽입 모음입니다.

2-1. 주문내역 - 배송 준비 상태에서 취소 요청 버튼 숨기기

공통 - <head>
<style>
.subtext:after {
content : "배송준비 상태가 되면 상품 포장이 시작되어 \A 주문취소가 불가능합니다.";
display : block;
font-size : 11px;
white-space: pre;
line-height : 1.2;
}
</style>
공통 - <body>
<script>
if($('#data_div').data('pagelink') === 'orderDetail') {
var $status = $('#shopOrderStatus');
$status.on('DOMSubtreeModified', function() {
var element = $(this).children("div:contains('배송 준비')");
if(element.length == 1){
$('#orderReqButtonDiv').hide();
$status.off('DOMSubtreeModified');
element.children("div").attr("class", "subtext");
}
});
}
</script>

2-2. 페이지별 변수 확인하기

페이지별로 제공되는 변수 목록입니다.

2-2-1. 전체 페이지 공통 변수

페이지 구분 변수
${customerVar_pageClass}
이름
변수
상품 상세 페이지
product
상품 후기 / 질문 페이지
productReivewQna
블로그 포스트 페이지
blogPost
게시판 글 페이지
boardPost
회원 가입 완료 페이지
signupComplete
장바구니 페이지
cart
주문 / 결제 페이지
order
결제 요청 페이지
paymentRequest
결제 완료 페이지
paymentComplete
접속 고객 정보
이름
변수
고객 아이디
${customerVar_string_customerId}
고객 이메일
${customerVar_string_customerEmail}
고객 이름
${customerVar_string_customerName}
고객 휴대폰 번호
${customerVar_string_customerPhone}
고객 장바구니에 담긴 상품 금액 합계
${customerVar_double_cartTotalPrice}
사이트 정보
이름
변수
사이트 통화(KRW, USD)
${customerVar_string_currency}
예시
<script>
var pageClass = "${customerVar_pageClass}"
if(pageClass == "product") {
/* 상품 페이지에서 사용할 스크립트 */
} else if(pageClass == "blogPost") {
/* 블로그에서 사용할 스크립트 */
}
</script>

2-2-2. 상품 상세 페이지 전용 변수

변수 목록
이름
변수
상품 코드
${customerVar_string_productSKU}
상품 이름
${customerVar_string_productName}
상품 판매가
${customerVar_double_productPrice}
상품 정가
${customerVar_double_productListPrice}
상품 주소
${customerVar_string_productAddress}
상품 대표 이미지 주소
${customerVar_string_productThumbnail}
상품 가격 변수를 1개만 사용해야 할 때는 '상품 판매가'를 사용하세요. 할인가(판매가) 정보가 설정된 상품의 경우, '상품 판매가' 변수에 할인가(판매가) 정보가 적용되며, 할인가(판매가)를 따로 설정하지 않은 상품의 경우, 정가(소비자가) 정보가 적용됩니다. 반면에 '상품 정가' 변수에는 늘 상품의 정가(소비자가) 정보가 반영됩니다.
예시
<script>
var productSKU = "${customerVar_string_productSKU}";
var productName = "${customerVar_string_productName}";
var productPrice = "${customerVar_double_productPrice}";
sample(productSKU, productName, productPrice);
</script>

2-2-3. 결제 완료 페이지 전용 변수

주문 전체 정보 변수 목록
주문 번호
${customerVar_string_orderNo}
전체 주문 금액
${customerVar_double_orderTotalPrice}
배송비
${customerVar_double_orderShippingCharge}
구글 애널리틱스 전자상거래로 살펴본 결제 완료 페이지 예시
ga('ecommerce:addTransaction', {
'id': '${customerVar_string_orderNo}',
'revenue': '${customerVar_double_orderTotalPrice}',
'shipping': '${customerVar_double_orderShippingCharge}',
'currency': '${customerVar_string_orderCurrency}'
});
Copy link
On this page
목차
1. 코드 삽입이란?
2. 코드 삽입 활용하기
2-1. 주문내역 - 배송 준비 상태에서 취소 요청 버튼 숨기기
2-2. 페이지별 변수 확인하기