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();
});