Story theme - How to setup Shopify Reviews App

When using Shopify's Review's app with Story theme, you'll need to add a small snippet of code to the theme. These instructions will show you how to add the required code.

1

Open product.liquid from the snippets folder

Start by opening the Code Editor:

If you're setting up a draft theme, then choose the Actions link in the list of draft themes:

One the left column, use the filter bar at the top and search for " product" without the quotes and find the product.liquid file located in the Snippets folder:

Click to open that file. 

2

Add code snippet to the bottom

On the right code side, scroll to the very bottom of the file and paste the following code:

<div class="wrapper">
  <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
</div>

Example:

Save the file:

3

Modify for product-long template

Story includes an alternative product theme, product-long. If you're using this template, then add the same code to this file - snippets/product-long.liquid:

The location to add the code is just above the schema section. Find the last closing </div> line which is about half way through the file:

Add the code before the closing /div line:

Save the file:

Setup

To configure the Shopify Ratings app, you simply use the settings in the app folder of your store. 

1. Be sure you have already installed the Shopify Reviews App:

Click to view the app in the Shopify App store

2. To manage the app settings and reviews, open the app from your Apps admin:

Then choose the app:

You'll find your reviews and settings here. Be patient, the page can take a while to load. 

More information and support directly from Shopify:

https://help.shopify.com/en/manual/apps/apps-by-shopify/product-reviews/manage-reviews