{% if store_ratings %}
  <div class="ftr-store-rating ftr-scroller ftr-background--primary ftr-in-space--v-xs">
    {% for rating in store_ratings %}
      <div class="ftr-grid__card ftr-text--center ftr-text--dark">
        <div class="ftr-rating ftr-in-space--h-l ftr-text--s ftr-line-height--none">
          <i class="material-icons ftr-text--l ftr-active-star{{ rating.rating }}">&#xE838;</i>
          <i class="material-icons ftr-text--l ftr-active-star{{ rating.rating }}">&#xE838;</i>
          <i class="material-icons ftr-text--l ftr-active-star{{ rating.rating }}">&#xE838;</i>
          <i class="material-icons ftr-text--l ftr-active-star{{ rating.rating }}">&#xE838;</i>
          <i class="material-icons ftr-text--l ftr-active-star{{ rating.rating }}">&#xE838;</i>
        </div>
        <p class="ftr-out-space--v-l">
          <i>{{ rating.text }}</i>
        </p>
        <span>{{ rating.author }} </span>
      </div>
    {% endfor %}
  </div>
{% endif %}
