PC / 상품별 리뷰 평점

HTML Code:

상품 리스트에서 상품 정보 중 리뷰 평점을 보여주는 코드에 아래 내용을 추가해주시면 span 내부 영역에 리뷰 평점을 추가해줍니다.

<span class="crema-product-reviews-score" data-product-code="{product_code}"></span>

옵션:

옵션명 필수 기본값 설명
product-code 없음 상품 번호
hide-if-zero 0 1로 설정하면 리뷰 개수가 0개일 경우 숨김처리됩니다.
format {{{score}}} {{{stars}}} {{{score}}}점 ({{{reviews_count}}}개) 와 같이 커스텀 포맷 설정
star-style single single이면 별이 1개, multiple이면 별이 5개가 추가됩니다.

Ajax에 대한 처리:

Ajax로 상품 목록을 받아오는 경우 새로 추가된 element에 대해 CREMA 위젯 스크립트가 자동으로 실행되지 않아 상품 점수가 적용되지 않을 수 있습니다. Ajax 로딩이 완료된 후 다음 JavaScript 코드를 실행하면 CREMA 위젯이 적용되지 않은 element를 모두 찾아 적용합니다.

crema.run();
예시:
$.ajax("more_products.html", success: function() {
  crema.run();
});