Be Yours Theme Review Stars

Store Design
,

Topic summary

A user is redesigning their Shopify store with the Be Yours theme and integrating the Air Product Reviews app. They need help with two tasks:

Current Issues:

  • Remove default star reviews from product grids and product pages in the Be Yours theme
  • Display Air Reviews star ratings on product grids (homepage and collection pages)
  • Star ratings already appear correctly on individual product pages

Solutions Provided:

Removing default stars:

  • Add CSS code to base.css file: .rating {display: none; visibility: hidden;}
  • Alternative solution involves adding code to theme.liquid file above </body> tag

Adding Air Reviews stars:

  • Air Reviews provided a code snippet for collection/homepage display
  • Code needs to be inserted into collection.liquid template where reviews should appear
  • One contributor offered to implement the solution as a collaborator, requiring access to make necessary code adjustments

Status: The discussion remains open with technical guidance provided but implementation pending.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hey,

Im currently working on a website redesign using Be Yours theme and Im using the Air Product Reviews app

Does anybody know how to remove the Star Reviews from in the theme on the product grid and product pages.

Also how to use the review stars from the Air Reviews to show on the product grid. I have got it on the product pages.

A preview is here: https://7cv1mgj6eopkarxy-25888764.shopifypreview.com

1 Like
2

@PeterB_1 do you want to remove these?

suyash1_0-1744614217167.png
suyash1_0-1744614217167.png1366×768 204 KB

3

Hey,

Yes and I want to add in the attached Stars Rating from Air Reviews

Screenshot 2025-04-14 at 08.06.13.png
Screenshot 2025-04-14 at 08.06.13.png531×129 6.84 KB

4

Hey @PeterB_1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1744614549781.png
Moeed_0-1744614549781.png1625×905 272 KB

Moeed_1-1744614579011.png
Moeed_1-1744614579011.png1681×910 283 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

@PeterB_1 - has Air Reviews given you any code to put into theme to show these starts?

to remove above ones please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.rating {display: none;    visibility: hidden;}
6

Hey,

Yes they gave me the below snippet for collection and homepage collection star rating along with this link but Im not sure where to put in my theme code: https://help.airreviews.io/display-reviews/star-rating/add-star-rating-to-product-card

7

@PeterB_1 - this needs little code tweak, if you can accept me as collaborator then I can send you the request and do it for you. Need to put that code into product template

8

Hey,

The code doesnt need to go in the product template as its already showing there, it needs to go on the homepage and collection level pages.

9

@PeterB_1 yes then collection.liquid, need to put code in the place where you want reviews to show up