On most Shopify themes, Loox will automatically add the Star Rating widget to your product pages, collections pages, and homepage featured product (if you have one).
In this article, we'll show how to remove Loox's Star Rating widget from your store's pages.
Note: If you added the widget as an app block, remove the block in your theme editor instead.
Homepage Featured Product
- Inside the Shopify Themes menu, click the “... ” button next to “Edit theme” and select "Edit code".
- Open the template or section you use for featured products (usually called product.liquid or product-template.liquid, but some themes work differently).
- Find and delete the code below:
<div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div> Collections Pages
- Inside the Shopify Themes menu, click the “... ” button next to “Edit theme” and select "Edit code".
- Open the template or section you use for collections pages (usually called product-grid-item.liquid, card-product.liquid,product-loop.liquid or product-info.liquid but some themes work differently).
- Find and delete the code below:
<div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div>Product Pages
- Inside the Shopify Themes menu, click the “... ” button next to “Edit theme” and select "Edit code".
- Open the template or section you use for product pages (usually called product-template.liquid or product.liquid, but some themes work differently).
- Find and delete the code below:
<a href="#looxReviews"><div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div></a>