Customizing Product Reviews
You can customize the appearance of your store's product review forms and review score badges, also called star ratings. The steps to customize these elements differ depending on whether you are using an Online Store 2.0 theme or a vintage theme. Learn how to determine your theme architecture version.
You can customize the appearance of your store's product review forms and star ratings from the theme editor and the Settings page of the Product Reviews app.
On this page
Change the star rating appearance and data source
You can change the appearance and data source of the star rating in your theme editor, in the Star rating app block settings.
You can change the following settings:
- Star color - Choose a fill and outline color for the stars in the star rating block. Select a color from the color picker, enter a hex code, or select a dynamic source to change the color of the stars depending on the product being viewed.
- Star size - Use the slider to set the star size in pixels.
- Alignment - Set the alignment of the star rating block - choose either Left, Right, or Center.
- Product - Select the dynamic source of the star rating, or connect the star rating to a static product. By default, the dynamic source is the product on the current page.
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage all themes.
- Find the theme that you want to edit, and then tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage all themes.
- Find the theme that you want to edit, and then tap Customize.
- Tap Edit.
- Navigate to the section that contains the Star rating block, and then click it to view its settings.
- Adjust the star rating settings as desired.
- Click Save.
You can customize the appearance of your store's product review forms and review score badges from the Settings page of the Product Reviews app.
Change star icon color
Complete the following steps to change the color of the star icons that appear in product ratings:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Product Reviews.
Click Open app.
Click Settings.
In the Star icon color section, click Custom color.
Click the color swatch that appears beside Icon color.
Choose a color using the color picker, or paste a hex code into the field.
Click Save.
Show or hide the review listing or review form
You can choose whether to show or hide the product review listing and review form by default. When the review listing or review form is hidden, merchants can access it by clicking a link in the section.
Complete the following steps to show or hide the reviews or review form:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Product Reviews.
Click Open app.
Click Settings.
In the Review listing layout section, check or uncheck the box next to Show reviews on load.
In the Review listing text section, check or uncheck the box next to Show review form on load.
Click Save.
Customize borders, dividers, and padding
You can change the color of the borders and dividers as well as the amount of padding around the review listing.
Complete the following steps to change the color of borders or dividers:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Product Reviews.
Click Open app.
Click Settings.
In the Review listing layout section, click the color swatch beside Border color or Divider color.
Choose a color using the color picker, or paste a a hex code into the field.
Click Save.
Complete the following steps to change the review listing padding:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Product Reviews.
Click Open app.
Click Settings.
In the Review listing layout section, enter the amount (in pixels) of padding that you want in the Padding field. If you want to remove the outside border entirely, then enter
0
.Click Save.
Customize form text
Most of the text that Product Reviews displays on your theme is customizable. For example, you can translate Product Reviews to a specific language to match the rest of your online store.
Complete the following steps to customize text:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Product Reviews.
Click Open app.
Click Settings.
In the Review listing text or Review form text sections, enter the text that you want to display to the customer.
Click Save.
Make form fields required, optional, or hidden
You can change whether the Author's name, Author's email, and Location fields appear as required, optional, or hidden when a customer goes to submit a new review.
The available options are as follows:
- Required - This field must be filled for a review to be submitted.
- Optional - This field can be left blank or submitted with a value.
- Hidden - This field is not displayed.
Complete the following steps to change how form fields are displayed:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Product Reviews.
Click Open app.
Click Settings.
In the Review form text section, under the field that you want to modify, select the field type from the Type drop-down menu. Fields can be set as Required, Optional, or Hidden.
Click Save.