javascript 리뷰평점및설설치

Posted 2021-05-03

<!-- 별점 노출이 필요한 페이지의 head 태그 안에 삽입 -->
<!-- cre.ma / 별점 노출을 위한 라이브러리 CSS / 스크립트를 수정할 경우 연락주세요 ([e-mail]) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.4/jquery.rateyo.min.css">

<!-- body 태그 닫히기 전쯤에 삽입 -->
<!-- cre.ma / 별점 노출을 위한 라이브러리 JS / 스크립트를 수정할 경우 연락주세요 ([e-mail]) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.4/jquery.rateyo.min.js"></script>


<!-- cre.ma / 별점 영역 / 스크립트를 수정할 경우 연락주세요 ([e-mail]) -->
<i id="crema-product-stars-hint" class="crema-product-reviews-score" data-product-code="{상품번호}" style="display: none !important;"></i>
<div class="rateyo-container rateYo"></div>

// cre.ma / 별점 기능 initialize / 스크립트를 수정할 경우 연락주세요 ([e-mail])
window.cremaOnLoad = function() {
  setTimeout(function() {
    var score = $('#crema-product-stars-hint').text();
    $('.rateyo-container').rateYo({
      rating: score,
      starWidth: "24px",
      spacing: "1px",
      normalFill: "#d1d1d1",
      ratedFill: "#f1c40f",
      readOnly: true
    });
  }, 500);
};