templates/_snippets/_google_review_card.html.twig line 1

Open in your IDE?
  1. {% set rating = review.star_rating|default(0)|round(0, 'floor') %}
  2. {% set authorName = review.reviewer_display_name|default('reviews.default_client'|trans) %}
  3. {% set photoUrl = review.reviewer_profile_photo_url|default('') %}
  4. <a class="google-review-card animation1{% if isClone|default(false) %} is-clone{% endif %}" href="{{ googleReviewsLink }}" target="_blank" rel="noopener noreferrer">
  5. <article{% if isClone|default(false) %} class="is-clone" aria-hidden="true"{% endif %}>
  6. <div class="google-review-card__avatar-wrapper">
  7. <img
  8. class="google-review-card__avatar"
  9. {% if photoUrl is not empty %}src="{{ photoUrl }}"{% endif %}
  10. alt="{{ authorName }}"
  11. loading="lazy"
  12. {% if photoUrl is empty %}hidden{% endif %}
  13. >
  14. <div class="google-review-card__avatar google-review-card__avatar--placeholder"{% if photoUrl is not empty %} hidden{% endif %}>
  15. {{ authorName|slice(0, 1)|upper }}
  16. </div>
  17. </div>
  18. <div class="google-review-card__stars" aria-label="{{ 'reviews.stars_label'|trans({ '%count%': rating }) }}">
  19. {% for i in 1..5 %}
  20. <span class="google-review-card__star{% if i <= rating %} is-active{% endif %}">★</span>
  21. {% endfor %}
  22. </div>
  23. <div class="google-review-card__comment">
  24. {{ review.comment|default('') }}
  25. </div>
  26. <div class="google-review-card__meta">
  27. <div class="google-review-card__author">
  28. <span class="google-review-card__author-prefix">{{ 'reviews.by'|trans }}</span>
  29. <span data-google-review-author-name>{{ authorName }}</span>
  30. </div>
  31. </div>
  32. </article>
  33. <template data-google-review-full>
  34. <div class="google-review-popover" role="tooltip">
  35. <p class="google-review-popover__comment" style="font-size: {{ snippet.fullReviewSize|default(14) }}{{ snippet.fullReviewSizeUnit|default('px') }};">{{ review.comment|default('') }}</p>
  36. </div>
  37. </template>
  38. </a>