javascript sp스킨，PC상품상세페이지에리뷰수작업

Posted 2021-05-03

// 70번째 라인 부근에 아래 코드 삽입
var crema_product_no = $('#crema_product_num').val();

// 바로 아래의 4줄 주석처리 후 9~10번 라인(2줄) 삽입
//if( $.sp_isNumeric(sp_review) ){
//	if( $.sp_getNum(sp_review) > 0 ){ $('.sp-detail-navigation > ul > li[data-target="#prdReview"]').append('<i>'+ $.sp_getNum(sp_review) +'</i>'); }
//	$('#prdReview .sp-detail-navigation > ul > li[data-target="#prdReview"]').addClass('active');
//}
$('.sp-detail-navigation > ul > li[data-target="#prdReview"]').append('<i class="crema-product-reviews-count" data-product-code="' + crema_product_no + '" data-hide-if-zero="1"></i>');
$('#prdReview .sp-detail-navigation > ul > li[data-target="#prdReview"]').addClass('active');

<!--상품트릭-->
<div id="sp-detail-count" class="sp-product-item sp-product-item-detail">
  <!-- 바로 아래의 코드를 #sp-detail-count 안쪽에 삽입하시면 됩니다. -->
  <input id="crema_product_num" value="{$product_no}" />
</div>

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

// 리뷰 수와 상품 평점을 업데이트하는 함수
function UpdateCount() {
  if (typeof(crema) === "object") {
    c_c = new crema.ProductReviewsCountWidget;
    c_c.attach();
    c_s.attach();
  }
  console.log("%c[CREMA]%c REVIEWS COUNT WAS UPDATED.", "font-weight: bold; color: black;", "color: green");
}

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