Rapid Reviews / Reviews Media Gallery

Reviews Media Gallery

The Media Gallery widget shows all images from reviews associated with an entity (product, collection, article, page).

Paste this on any of your pages and it will render a glorious Media Gallery widget.


Rapid Reviews Media Gallery

Rapid Reviews Media Gallery

~CE

<div class="rapid_reviews_media"></div>

<script>
  // MAKE SURE WE ASSIGN THE CORRECT SHOPIFY ENTITY TYPE
  {% assign templateName = template.name %}
  {% if templateName == 'product' %}{% assign entityObject = product %}{% endif %}
  {% if templateName == 'collection' %}{% assign entityObject = collection %}{% endif %}
  {% if templateName == 'page' %}{% assign entityObject = page %}{% endif %}

  // DATA DEFINITION FROM SHOPIFY METAFIELDS
  window.rapid_reviews_data = window.rapid_reviews_data || {
    data: {% if entityObject.metafields.rapid_reviews.data %}{{ entityObject.metafields.rapid_reviews.data }}{% else %}null{% endif %},
    counts: {% if entityObject.metafields.rapid_reviews.counts %}{{ entityObject.metafields.rapid_reviews.counts }}{% else %}null{% endif %},
    media: {% if entityObject.metafields.rapid_reviews.media %}{{ entityObject.metafields.rapid_reviews.media }}{% else %}null{% endif %}
  };

  // CONFIGURATION DEFINITION
  window.rapid_reviews_config = window.rapid_reviews_config || {};
  window.rapid_reviews_config.shop = '{{ shop.permanent_domain }}';
  window.rapid_reviews_config.entity = {
    entity_id: '{{ entityObject.id }}',
    entity_type: '{{ template.name }}'
  };
  window.rapid_reviews_config.display = window.rapid_reviews_config.display || {};
  window.rapid_reviews_config.routing = window.rapid_reviews_config.routing || {};
  window.rapid_reviews_config.labels = window.rapid_reviews_config.labels || { r: {}, q: {} };

  // MEDIA GALLERY SCRIPT - ONLY NEEDED ONCE PER PAGE
  ;(function(){
    if (window.r_um_loaded) return; window.r_um_loaded = 1;
    var rvsc = document.createElement('script'); rvsc.async = 'true';
    rvsc.src = 'https://apps.belkapp.com/api/reviews/files/{{ shop.permanent_domain }}/rapid-reviews-media';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(rvsc, s);
  })();
</script>

<script>
  // MANUAL INIT MEDIA GALLERY AFTER SCRIPT LOADED
  window.rr_media()
</script>
HTML