Globo Docs
Smart Product Filter & Search
Smart Product Filter & Search
  • Basic Knowledge
    • Getting Started
    • Integrate app to theme
    • Disable app from theme
  • Supported shopify themes
  • Sync Product Data
  • App pricing
  • Translate app to different languages
  • Filter sidebar management
    • Enable filter sidebar on search page
    • Show rating stars in filter sidebar
  • Use AND filtering condition in same filter option
  • Change filter tree style
  • Configure filter sidebar
    • Default filter sidebar
    • Create filter sidebar for specific collection
    • Disable filter sidebar for specific collection
    • Enable filter on search result page
  • Configure filter options
    • Add new filter option
    • Manage filter option values
      • Select filter option values manually
      • Select filter option values by value prefix
      • Delete a filter option value
    • Sort order of filter option values
      • Sort values alphabetically
      • Sort values manually
    • Delete filter option
  • Expand filter options by default
  • Hide matching product count in filter options
  • Color swatch for filter option
    • Show color swatch for filter option
    • Change color swatch shape & size
  • Configure collection data source
    • Add sub-collections to filter option
    • Display all collection values in filter option
  • Merge filter option values into group
  • Product Grid layout
    • Use theme product list layout
    • Use app product list layout
    • Customize app's product list template
  • Product Grid Management
    • Product variants under product card
      • Configure product variants underneath product cards
      • Change product variants shape
    • Hide specific products on collection & search page
    • Show product options under product cards
    • Show variants as separate products
  • Manage sorting products
    • Sort product order manually
    • Remove entire sort by dropdown
    • Enable/disable a sort option
    • Configure a default sorting option
  • Hide total number of products
  • Push sold-out products to bottom
  • Display in-stock products on top
  • Hide out-of-stock products
  • Manage paging style
  • Display chosen variant image after filtering
  • Search products on collection page
  • Product/variant metafields
    • Enable product metafield
  • Filter products by Metafield
  • Search products by Metafield
  • Sort products by Metafield
  • Year - Make - Model (YMM) form
    • Create YMM form
    • Configure YMM metafield values
    • Display values on YMM form
      • Select YMM values manually
      • Select YMM values by value prefix
  • Instant search widget
    • Enable instant search widget
    • Instant search widget layout
      • Customize instant search layout
      • Change product list style
    • Search for blog posts & pages
  • Manage search fields
  • Use Search Analytics
  • Synonyms settings
    • Configure Synonyms
    • Understanding synonym relationships
  • Configure pinning products
  • Configure search redirect
  • Show suggestion when no search result found
  • Show suggestions before typing
  • Recommendations
    • Add a recommendation section
  • Adjust number of products by screen size
  • Change recommendation widget name
  • App Integrations
    • Product review apps
  • Multi-language apps
  • Wishlist apps
  • Product Label apps
  • Multi-currencies apps
  • Other apps
  • Frequently Ask Questions
    • What happens after Trial ends?
Powered by GitBook
On this page
  • 1. Product Reviews
  • 2. Judgeme
  • 3. Yotpo
  • 4. Rivyo Product Review
  • 5. Stamped.io
  • 6. Ryviu
  • 7. Loox ‑ Photo Reviews
  • 8. Junip: Photo & Product Reviews
  • 9. Okendo: Product Reviews & UGC
  • 10. Ali Reviews ‑ Product Reviews
  • 11. Areviews ‑ Reviews Importer
  • 12. Opinew Product Reviews App UGC
  • 13. Fera Product Reviews App
  1. App Integrations

Product review apps

This article gives the list of compatible product review apps that work with our filter app – along with the guidelines to set them up.

1. Product Reviews

App URL: https://apps.shopify.com/product-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.

    <span class="shopify-product-reviews-badge" data-id="{{product.id}}"></span><br>

2. Judgeme

App URL: https://apps.shopify.com/judgeme

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the code snippet below to the position you want the Ratings to appear.

    <div class='jdgm-widget jdgm-preview-badge' data-id='{{ product.id }}' data-template='manual-installation' data-auto-install='false'>{{product.metafields.judgeme.badge}}</div>
  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the option below under Judgeme Reviews app.

  8. Click Save to finish

3. Yotpo

App URL: https://apps.shopify.com/yotpo-social-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the code snippet below to the position you want the Ratings to appear.

    <div class="yotpo bottomLine" data-product-id="{{ product.id }}">{{product.metafields.yotpo.catalog_bottomline}}</div>
  6. From the left app’s navigation bar, click on Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Yotpo Reviews app.

  8. Click Save to finish

4. Rivyo Product Review

App URL: https://apps.shopify.com/rivyo-product-review

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.

<div class="wc_product_review_badge" data-handle="{{ product.handle }}" data-product_id="{{ product.id }}"></div>

5. Stamped.io

App URL: https://apps.shopify.com/product-reviews-addon

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.

    <span class="stamped-product-reviews-badge" data-id="{{ product.id}}"></span>

6. Ryviu

App link: https://www.ryviu.com/

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.

    <ryviu-widget-total reviews_data=" {{product.metafields.ryviu.product_reviews_info | escape}}" product_id="{{ product.id}}" handle="{{ product.handle}}"></ryviu-widget-total>
  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Ryviu Reviews app.

  8. Click Save to finish

7. Loox ‑ Photo Reviews

App URL: https://apps.shopify.com/loox

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.

    <a href="#looxReviews"><div class="loox-rating" data-fetch data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div></a>
  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Loox ‑ Photo Reviews app.

  8. Click Save to finish

8. Junip: Photo & Product Reviews

App URL: https://apps.shopify.com/junip

Steps

Our app is being integrated with the Junip: Photo & Product Reviews app automatically.

Steps to manage

  1. From the left app’s navigation bar, click on the Integration under the Settings topic.

  2. Tick on the I've already installed app option next to the Junip: Photo & Product Reviews app.

  3. Click Save to finish

9. Okendo: Product Reviews & UGC

App URL: https://apps.shopify.com/okendo-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the following code to the position you want to display the reviews:

    <div class="product-rating">{{product.metafields.okendo.ProductListingSnippet}}</div>
  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Okendo: Product Reviews & UGC app.

  8. Click Save to finish

10. Ali Reviews ‑ Product Reviews

App URL: https://apps.shopify.com/ali-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.

<div product-id="{{ product.id }}" class="arv-collection arv-collection--{{ product.id }}"></div>

11. Areviews ‑ Reviews Importer

App URL: https://apps.shopify.com/areviews-aliexpress

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the theme.liquid file.

  4. Add the below snippet to the end of this file

    <script>
    window.addEventListener('globoFilterRenderCompleted', function () {
    show_infiniti_areviews();
    });
    </script>
    <script src='https://areviewsapp.com/js_codes/collection_rating.js' defer></script>
  5. Go to the filter.product.liquid file.

  6. Add the following code to below the class of title element:

    <div class="areviews_product_item areviews_stars{{ product.id }}" data-product-id="{{ product.id }}"></div>
  7. Go to the globo.filter.product.liquid file.

  8. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}

12. Opinew Product Reviews App UGC

App URL: https://apps.shopify.com/photo-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  5. Go to the filter.product.liquid file.

  6. Add the below code snippet to the position you want the Reviews to appear.

<div class='opinew-stars-plugin-product-list'>
{% if product.metafields.opinew_metafields['stars_lists'] != blank %}
{{ product.metafields.opinew_metafields['stars_lists'] }}
{% else %}
<div class="opinew-stars-plugin-link opinew-list-stars-disable" onclick="window.location.href = 'https://{{shop.domain}}{{product.url}}'" style="text-decoration: none;">
<span class="opinew-star-plugin-inside">
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
</span>
<span class="opinew-no-reviews-stars-plugin" onMouseOver="this.style.color='#c45500'"
onMouseOut="this.style.color='inherit'"><b>
</b></span>
</div>
{% endif %}
</div>

13. Fera Product Reviews App

App URL: https://apps.shopify.com/fera

Steps

  1. From your Shopify app list, go to the Fera product review app

  2. Copy their HTML tag instruction – see below screenshot for reference.

  3. From your Shopify admin panel, go to the Theme folder.

  4. In the Action dropdown, click Edit code.

  5. Go to the theme.liquid file.

  6. Add the below snippet to the end of this file

    <script>
    window.addEventListener('globoFilterRenderCompleted', function () {
    setTimeout(fera.forceRefreshContent(), 1000);
    });
    </script>
  7. Go to the globo.filter.product.liquid

  8. Add the following code to the first code line.

    {% comment %}Do not edit this file{% endcomment %}
  9. Add the tag code from step #2 above to below the class of the title element

πŸ’¬ Need Help? Contact us at [email protected] – we’re happy to assist! 😊

PreviousChange recommendation widget nameNextMulti-language apps

Last updated 2 months ago