Help Center

카페24 소식

[쇼핑몰기능] 장바구니담기 새로운기능이 추가 되었습니다.

2012-06-27


안녕하세요.
카페24 운영 도우미 입니다.
장바구니담기 기능이 페이지 이동없이 레이어창에서 확인 할 수 있도록 개선되었습니다.
자세한 내용은 아래를 참조해 주세요.
--------------------------------------------------------------------------------------------
1. 제목 : 장바구니담기 기능개선

2. 적용일자 : 2012-06-27 (수)

3. 업데이트 내용

   1) 어드민 > 상점관리 > 상점운영 관련설정 > 상점운영방식설정 - 상품상세 장바구니 담기 옵션 설정 기능을 확인합니다.

       '장바구니 담기 버튼 클릭시 확인창 출력후 장바구니 페이지 이동 유무 선택' 을 할 경우, 아래 3번 화면과 같이

        장바구니 담기 버튼 클릭시 이동 여부를 선택할 수 있는 기능입니다.

    * '장바구니 담기 버튼 클릭시 장바구니 페이지로 바로 이동' 기존 기능과 동일하게 장바구니 버튼 클릭시 무조건 장바구니 페이지로 이동됩니다.

     

 

   2) '장바구니 담기' 기능 사용을 위해 아래의 디자인소스를 추가해 주세요.
      [STEP1]
      위치 : 디자인관리 > HTML 디자인설정 > 페이지 리스트 > 상품상세정보 > 자바스크립트 & 스타일시트 > product.js
     


      //상품장바구니 담기 레이어 호출 function - cafe24
      function openProductBasketPopup(prd_no){
        try{
          var objLayerDiv = parent.document.createElement('div');
          objLayerDiv.id = 'basketPopupDiv';
          objLayerDiv.style.zIndex = 99999999;
          objLayerDiv.style.border = '1px solid gray';
          objLayerDiv.style.position = 'absolute';
          objLayerDiv.style.top = top.document.body.scrollTop + (Math.round(parent.document.body.clientHeight/2)) - 200 + 'px';
          objLayerDiv.style.left = Math.round(parent.document.body.clientWidth/2) - 200 +'px';
        
          var objIframeDiv = parent.document.createElement('iframe');
          objIframeDiv.id = 'ifmBasketPopup';
          objIframeDiv.src = '/front/php/product_basket_popup.php?product_no='+prd_no;
          objIframeDiv.scrolling = 'no';
          objIframeDiv.frameBorder = 0;
          objIframeDiv.marginHeight = 0;
          objIframeDiv.marginWidth = 0;
          objIframeDiv.width = 500;
          objIframeDiv.height = 250;
        
          objLayerDiv.appendChild(objIframeDiv);
        
          parent.document.body.appendChild(objLayerDiv);
        }catch(e){}
      }
  
      [STEP2]
      위치 : 디자인관리 > HTML 디자인설정 > 페이지 리스트 > 상품상세정보
     
      소스최하단에 추가
      {{$ec_basket_popup}}

 

      [STEP3]
      위치 : 디자인관리 > HTML 디자인설정 > 상품상세정보 > 상품상세설명 (c_3)
           

    <form name="frm" action="/front/php/basket.php" method="post" onsubmit="return add_basket(0)">
      아래에

   <input type="hidden" name="basket_popup" value="{{$basket_popup}}">
      추가 합니다.

 

   3) 2번의 디자인 소스를 수정하면 쇼핑몰 상품상세페이지에서 장바구니버튼 클릭시 아래와 같은 기능을 확인하실 수 있습니다.       

      

--------------------------------------------------------------------------------------------

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다.
끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]
감사합니다.