html panda스킨의상품상세페이지에리뷰수작업

Posted 2021-05-10

// _sp 폴더가 있으면 아래의 파일을 찾아서 기존 소스는 주석처리하고 아래의 코드를 추가 (대략 60번째줄 근처)
// 모든 작업은 똑같고, 위에 있는 base.js에 있는 두번째 코드 대신 이것을 쓰면 됨
// _sp/apps/layout/product/product-1/product.js

$('.sp-detail-tabs ul li a[href="#prdReview"]').append('<span class="crema-product-reviews-count" data-product-code="'+ $.sp_getNum(_crema_num) +'" data-hide-if-zero="1"></span>');
$('#prdReview .sp-detail-navigation > ul > li[data-target="#prdReview"]').addClass('active');

// 파일: /_panda/script/base.js -->

// 아래 코드를 950번째 라인 근처에 추가
var _crema_num = $$('#-crema-detail-prd-no').val();

// 아래 코드를 "카운트에 이용하자" 라는 주석 근처에 추가
$$('[move="prdReview"]').append('<p fix class="-mos"><span class="crema-product-reviews-count" data-product-code="' + _crema_num + '"></span></p>');
 $$('.-quicklink').append('<a move="prdReview" class="-btn -black -xs crema-product-reviews-count" data-product-code="' + _crema_num + '" data-format="후기 {{{count}}}" data-hide-if-zero="1"></a>');

// product/detail.html 과 같은 위치에 detail_reviews_count.js 파일을 생성하여 아래 소스 복붙

function UpdateReviewsCountAndScore() {
  // typeof(crema)를 검사하는 이유는 공통 스크립트가 로딩되었는지 확인하기 위함.
  // 공통 스크립트가 로딩되지 않았을 때 crema.SampelMethod 이런 식으로 사용하면 자바스크립트 오류가 발생함.
  if (typeof(crema) === "object") {
    if (typeof(c_c) === "object" && typeof(c_s) === "object") {
      c_c.attach();
      c_s.attach();
    } else {
      if (typeof(crema.ProductReviewsCountWidget) === "function" &&
          typeof(crema.ProductReviewsScoreWidget) === "function") {
        c_c = new crema.ProductReviewsCountWidget;
        c_s = new crema.ProductReviewsScoreWidget;
        c_c.attach();
        c_s.attach();
      }
    }
  }
}

window.cremaOnLoad = function() {
  setTimeout(function() {
    UpdateReviewsCountAndScore();
  }, 500);
};

<!-- 파일: /product/detail.html -->

<!-- cre.ma / 리뷰 수 재계산 / 스크립트를 수정할 경우 연락주세요 ([e-mail]) -->
<!--@js(/product/detail_reviews_count.js)-->

<!-- 파일: /product/_inc/product_detail_hint.html -->

<input id="-crema-detail-prd-no"				desc="상품번호" type="text" value="{$product_no}">