Using the Product Review Shopify App with the ShineOn product page.

Using the Product Reviews app 

The Product Reviews app is an official Shopify app which allows customers to leave product reviews on your store.

It's possible to add this app to your store and use it, but there are some extra steps to make sure it's working with the ShineOn product page.

 

Install the Product Reviews app

First you will need to make sure the app is installed to your Shopify:

• Follow the above link and click Add App

• Once you have been taken to Shopify click Install App
• Installing the app will take you to some installation instructions displaying some code. Do not worry, you DO NOT need to follow these instructions or copy any code. You can safely ignore this for now.

For more general documentation on the Product Reviews app, you can click here.

Customize your theme

From the Shopify Dashboard:

• Click Online Store
• Click Themes

• Click Customize

 

Locate the ShineOn product page

• Click the dropdown at the top
• Click Products

• Click ShineOn Fast (or one of the other product pages, if that is what you are using instead)

Add the Product Reviews block

On the left, you will see a listing of "blocks". These blocks hold the code and content for the various different elements that make up the product page.

You can add the Product Reviews block to page by clicking either the Add Block or Add Section buttons.

You have the option of adding either the detailed customer reviews, or just the star rating, or both.

Lets add the reviews to the bottom of the page, and the star rating (optional) to the top:

• Click add section

• Click Reviews

• By default, the reviews block will be added underneath the ShineOn Trustpilot block.
• If you like, you can move the Reviews block to above that by clicking and dragging the 6 dot icon next to Apps

Optional - Add the Star Rating.

If you would like, you can also add a star rating to your product page.

Unfortunately for the time being a bug shows the stars aligned vertically, it is possible to change this but it requires adding a block of custom code.

If you would prefer not to do this, you can skip the Star Rating block.

Add the Star Rating Block

• Click Add Block
• Click Star Rating

• Move the block to your desired location using the 6 dots icon

Add the custom code.

• Click Add block
• Click Custom Liquid

• In the box that appears, copy and paste the following code:
  

  <style>
  .spr-stars svg{
  display: unset !important;
  }
  </style>

• Click Save

The star rating will now appear horizontal!

And you're done!

You're all set!

Now your customers can leave reviews and ratings on your products, which will appear.