The Channel Developers

Welcome to the Channel Developers. You'll find comprehensive guides and documentation to help you start working with Channel-docs as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Search results for "{{ search.query }}"

No results found for "{{search.query}}". 
View All Results

카페24에서 회원 정보 연동을 위한 스크립트입니다. 기본 정보 외에 적립금, 장바구니 개수, 장바구니 총 금액, 관심상품 수, 쿠폰 개수, 예치금 정보를 연동할 수 있습니다. 카페24가 제공하는 변수 템플릿 치환 기능은 자바스크립트에서 바로 사용이 되지 않기 때문에 아래와 같은 방식으로 연동합니다.

<!-- Channel Plugin Scripts -->
<div module="Layout_stateLogon" style="display: none;" id="ch-plugin-user">
  <div id="ch-plugin-user-id">{$id}</div>
  <div id="ch-plugin-user-name">{$name}</div>
</div>
<div module="Layout_shoppingInfo" style="display: none;">
  <div id="ch-plugin-user-mileage">{$mileage}</div>
  <div id="ch-plugin-user-basket-cnt">{$basket_cnt}</div>
  <div id="ch-plugin-user-basket-price">{$basket_price}</div>
  <div id="ch-plugin-user-interest-prd-cnt">{$interest_prd_cnt}</div>
  <div id="ch-plugin-user-coupon-cnt">{$coupon_cnt}</div>
  <div id="ch-plugin-user-deposit">{$deposit}</div>
</div>
<script>    
  window.channelPluginSettings = {
    "pluginKey": "YOUR_PLUGIN_KEY",
  };
  (function() {
    var node = document.createElement('div');
    node.id = 'ch-plugin';
    document.body.appendChild(node);
    var async_load = function() {
      if (document.getElementById('ch-plugin-user')) {
        window.channelPluginSettings.user = {
          "id": document.getElementById('ch-plugin-user-id').textContent,       
          "name": document.getElementById('ch-plugin-user-name').textContent,
          "meta": {
            "적립금": document.getElementById('ch-plugin-user-mileage').textContent,
            "장바구니 개수": document.getElementById('ch-plugin-user-basket-cnt').textContent,
            "장바구니 금액": document.getElementById('ch-plugin-user-basket-price').textContent,
            "관심상품 개수": document.getElementById('ch-plugin-user-interest-prd-cnt').textContent,
            "쿠폰 개수": document.getElementById('ch-plugin-user-coupon-cnt').textContent,
            "예치금": document.getElementById('ch-plugin-user-deposit').textContent
          }
        };
      }
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = '//cdn.channel.io/plugin/ch-plugin-web.js';
      s.charset = 'UTF-8';
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    };
    if (window.attachEvent) {
      window.attachEvent('onload', async_load);
    } else {
      window.addEventListener('load', async_load, false);
    }
  })();
</script>
<!-- End Channel Plugin -->
  1. ‘디자인 관리’-> ‘쇼핑몰 디자인 수정’에 들어갑니다.
  1. ‘전체화면보기’에서 ‘레이아웃’ -> ’기본레이아웃’ -> ’공통레이아웃’을 선택합니다. 첫번째 body를 찾아 바로 밑에 채널 플러그인 코드를 붙여넣습니다.
  1. ‘전체화면보기’에서 ‘메인레이아웃’ 에도 2번과 동일한 작업을 합니다.
  2. ‘모바일 쇼핑몰’ 에서 2번과 동일한 작업을 하면 모바일 웹사이트에도 채널 플러그인이 생성됩니다.
  1. 저장 후 플러그인이 제대로 연동되었는지 확인합니다.

Cafe24