Be Yours Theme Review Stars

[PeterB]

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

[suyash1]

@PeterB do you want to remove these?

[PeterB]

Hey,

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

[suyash1]

@PeterB - 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;}

[PeterB]

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

<div
class="AirReviews-Widget AirReviews-Widget--Stars"
style="margin-top:0.7rem"
data-review-avg="{{ card_product.metafields.air_reviews_product.review_avg }}"
data-review-count="{{ card_product.metafields.air_reviews_product.review_count }}"
></div>

[suyash1]

@PeterB - 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

[PeterB]

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.

[suyash1]

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

[Moeed · Accepted solution]

Hey @PeterB 

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 </body> tag

<style>
.card-information__wrapper .rating {
    display: none !important;
}
.product__info-container .rating {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed