More details about Shella theme can be found here.

How to make it work?


1. Enable “Load jQuery first” option at Theme Settings -> Java Script

Add Rating Star at Product and Collection Pages

  • If you want to show rating star on both product and collection pages use code:
{% if template.name == 'product' %} 
<div product-id="{{ id }}" class="alr-display-review-badge"></div>
{% else %}
<div product-id="{{ id }}" class="arv-collection arv-collection--{{ id }}"></div>
{% endif %}
  • If you want to show rating star only on product info page use code:
{% if template.name == 'product' %} 
<div product-id="{{ id }}" class="alr-display-review-badge"></div>
{% endif %}

Open online editor at Theme -> Actions -> Edit code.

Find “product-get-review.liquid” file.

Paste selected code snippet.

Add Review Box at Product Page

Open online editor at Theme -> Actions -> Edit code.

Find “templates/product.liquid” file. This file includes code for all available product page layouts. Check your theme settings to find out what product page layout you use at your store.

Theme -> Customize -> Product pages -> Product page section -> Layout

Find code part related to selected layout at “templates/product.liquid” file.

For layout #1 it will be strings from 77 to 96

Paste following code to needed place. In this example I placed it before product tabs.

<div id="shopify-ali-review" product-id="{{ id }}"> {{ shop.metafields.review_collector.review_code }} </div>


You should get

Hope this may help you, and in case if you need some more helps, please feel free to contact us via live chat or email us at support@fireapps.io

Did this answer your question?