Skip to main content

Theme compatible guideline

Welcome to the essential guide tailored for Air Product Reviews, crafted to guarantee that your app's theme harmonizes effortlessly with user expectations and industry standards, thus amplifying user experience and engagement.

Reviews Box​

Open product.liquid, under {% section 'product-template' %}, add the following code:

<div class="AirReviews-Embed-BlockWrapper" style="display:block;">div>
<script async src="httpsair-reviews.firebaseapp.com/scripttag/air-
reviewsblock-main.min.js">script>

Star ratings​

For theme: Athens, Be Yours, Chord, Colorblock, Craft, Crave, Dawn, Eurus, Launch, Origin, Publisher, Ride, Refresh, Sense, Spotlight, Studio, Taste, Viola

Open card-product.liquid

Above the line that contains {%- if show_rating ... , add the following code:

  • With metafield air_review_product:
<div class="AirReviews-Widget AirReviews-WidgetStars" style="margin-
top:0.7rem" data-review-avg="{{
card_product.metafields.air_reviews_product.review_avg }}" data-review-
count="{{ card_product.metafields.air_reviews_product.review_count }}">
div>
  • With metafield product review (Shopify):
<div class="AirReviews-Widget AirReviews-WidgetStars" style="margin-
top:0.7rem" data-review-avg="{{ card_product.metafields.reviews.rating.value
}}" data-review-count="{{ card_product.metafields.reviews.rating_count }}">
div>

Open index.liquid.

At the bottom of the file, add the following code:

<div class="AirReviews-Embed-CarouselWrapper" style="display:block;">div>
<script async src="https://air-reviews.firebaseapp.com/scripttag/air-reviewscarousel-main.min.js"></script>