templates/_snippets/reviews.html.twig line 1

Open in your IDE?
  1. {% set max_reviews = content.snippet.maxReviews ?? 10 %}
  2. {% set stars_rating_got = content.snippet.starsRatingGot ?? [4,5] %}
  4. {% set google = google_reviews(max_reviews, stars_rating_got, content.snippet.isOnlyCommentsReviews ?? false) %}
  5. {% set content = content|merge({
  6. 'reviews': google.reviews,
  7. 'reviews_stats': google.reviews_stats
  8. }) %}
  10. {% set googleReviewsLink = content.snippet.googleReviewsLink ?? '' %}
  12. {% set snippet = content.snippet ?? {} %}
  13. {% set allReviews = content.reviews ?? [] %}
  14. {% set stats = content.reviews_stats ?? {} %}
  15. {% set reviewsPerPage = 6 %}
  16. {% set totalPages = (allReviews|length / reviewsPerPage)|round(0, 'ceil') %}
  17. {% set reviewFontSize = (snippet.reviewSize|default(14)) ~ (snippet.reviewSizeUnit|default('px')) %}
  18. {% set nameFontSize = (snippet.nameSize|default(12)) ~ (snippet.nameSizeUnit|default('px')) %}
  20. {% if allReviews|length > 0 %}
  21. <section
  22. class="google-reviews-section"
  23. style="--mark-color: {{ snippet.markColor|default('#2ca445') }}; --review-font-size: {{ reviewFontSize }}; --name-font-size: {{ nameFontSize }};"
  24. >
  25. <div class="container-fluid">
  26. <div
  27. class="google-reviews-showcase"
  28. data-google-reviews-showcase
  29. data-lazy-snippet="reviews"
  30. data-stars-label-template="{{ 'reviews.stars_label'|trans }}"
  31. >
  32. <div class="google-reviews-showcase__viewport">
  33. <div class="google-reviews-showcase__track" data-google-reviews-track>
  34. {% for loopIndex in 1..2 %}
  35. {% for pageIndex in 0..(totalPages - 1) %}
  36. {% set pageStart = pageIndex * reviewsPerPage %}
  37. {% set pageReviews = allReviews|slice(pageStart, reviewsPerPage) %}
  38. {% if pageReviews|length < reviewsPerPage and allReviews|length > 0 %}
  39. {% set remaining = reviewsPerPage - pageReviews|length %}
  40. {% set extraReviews = allReviews|slice(0, remaining) %}
  41. {% set pageReviews = pageReviews|merge(extraReviews) %}
  42. {% endif %}
  43. {% set leftReviews = pageReviews|slice(0, 3) %}
  44. {% set rightReviews = pageReviews|slice(3, 3) %}
  45. {% set isClone = (loopIndex == 2) %}
  47. {% if leftReviews|length == 3 and rightReviews|length == 3 %}
  48. {% for review in leftReviews %}
  49. {% include '_snippets/_google_review_card.html.twig' with {
  50. review: review,
  51. googleReviewsLink: googleReviewsLink,
  52. isClone: isClone
  53. } %}
  54. {% endfor %}
  56. <div class="google-reviews-showcase__spacer{% if isClone %} is-clone{% endif %}" data-page-index="{{ pageIndex }}"></div>
  58. {% for review in rightReviews %}
  59. {% include '_snippets/_google_review_card.html.twig' with {
  60. review: review,
  61. googleReviewsLink: googleReviewsLink,
  62. isClone: isClone
  63. } %}
  64. {% endfor %}
  65. {% endif %}
  66. {% endfor %}
  67. {% endfor %}
  68. </div>
  69. </div>
  71. <div class="google-reviews-showcase__center">
  72. <div class="google-score-badge">
  73. <div class="google-score-badge__brand">
  74. <div class="google-score-badge__google">
  75. <span class="is-blue">G</span><span class="is-red">o</span><span class="is-yellow">o</span><span class="is-blue">g</span><span class="is-green">l</span><span class="is-red">e</span>
  76. </div>
  78. <div class="google-score-badge__stars">
  79. {% set avgRating = stats.average_rating|default(0)|replace({',': '.'}) %}
  80. {% set avgRounded = stats.average_rating|default(0)|round(0, 'floor') %}
  81. {% for i in 1..5 %}
  82. <span class="{% if i <= avgRounded %}is-active{% endif %}">★</span>
  83. {% endfor %}
  84. </div>
  85. </div>
  87. {% set rotation = -((avgRating / 5 * 100))|round(0, 'floor') %}
  89. <div
  90. class="google-score-badge__ring"
  91. style="--ring-progress: 0;"
  92. data-ring-progress="{{ rotation|round(0, 'floor') }}"
  93. >
  94. <svg class="google-score-badge__ringSvg" viewBox="0 0 176 176" aria-hidden="true" focusable="false">
  95. <circle class="google-score-badge__ringBg" cx="88" cy="88" r="70" />
  96. <circle class="google-score-badge__ringFg" cx="88" cy="88" r="70" />
  97. </svg>
  98. <div class="google-score-badge__inner">
  99. <div class="google-score-badge__site">Croisiland.com</div>
  101. <div class="google-score-badge__rating">
  102. {{ stats.average_rating|default('0.0')|round(1, 'floor') }}
  103. <span>/5</span>
  104. </div>
  106. <div class="google-score-badge__count">
  107. {% if stats|length > 0 %}
  108. {{ ((stats.total_review_count / 100)|round(0, 'floor') * 100)|default(0) }}+ {{ 'reviews.reviews_label'|trans }}
  109. {% endif %}
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  116. <button type="button" class="google-reviews-showcase__nav google-reviews-showcase__nav--prev" data-google-reviews-prev aria-label="{{ 'reviews.previous'|trans }}">
  117. ‹
  118. </button>
  120. <button type="button" class="google-reviews-showcase__nav google-reviews-showcase__nav--next" data-google-reviews-next aria-label="{{ 'reviews.next'|trans }}">
  121. ›
  122. </button>
  123. </div>
  124. </div>
  125. </section>
  126. {% endif %}