How to show stars rating under the product title?

To show the average star rating under the product title in Shopify, add one line of Editorify code to your theme. On product pages it goes below {{ product.title }} in the product template; on collection pages it goes below {{ product.title }} in the theme's product card snippet. Each takes a few minutes in the theme code editor.

Show stars under the title on product pages

1. In your Shopify admin, go to Online store, then Themes. Find the theme you want to edit and click Actions, then Edit code.

   

2. In the Sections folder, open product-template.liquid or product.liquid and search for:

   {{ product.title }}

3. Paste this code on the line below {{ product.title }} and save:

   {% include 'editorify_widget', bellow_title:true %}

   

The result looks like this:

Show stars under the title on collection pages

1. In your Shopify admin, go to Online Store, then Themes. On your current theme click Actions, then Edit code.

   

2. Find the snippet that renders each product in a collection. The file name depends on the theme: open product-card-grid.liquid, product-card.liquid, product-grid-item.liquid, product-thumbnail.liquid or product-info.liquid in the Snippets folder and search for:

   {{ product.title }}

3. Paste this code on the line below {{ product.title }} and save. Note that it uses collection_page, not bellow_title:

   {% include 'editorify_widget', collection_page:true %}

   

Related guides

• How to customize Editorify placement using theme blocks

• How to manually add Editorify code to your Shopify theme

• How to turn review widgets on or off

Not comfortable editing theme code? Contact us and we will help you add it.