Removing Anchor From Star Rating on Product Pages (Legacy)

Prev Next

Products


Reviews
Supported plans

Free, Starter, Pro, Premium, Enterprise

eCommerce Platform

Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

By default, the Star Rating behaves as an anchor to the Reviews Widget on Product Pages.

In order to disable this behavior, add the following style attribute to the Star Rating element's HTML code that is implemented in your store:

style="pointer-events: none;"

Example (Shopify)

Important:
If your store runs on another eCommerce platform, you would need to change the '{{ product.id }}' variable with the correct one to pull the product ID from your store's database.

That's what the star rating's code looks like before the change:

<div class="yotpo bottomLine"
  data-product-id="{{ product.id }}">
</div>

That's how the star rating's code looks like after adding the style attribute:

<div class="yotpo bottomLine" style="pointer-events: none;"
  data-product-id="{{ product.id }}">
</div>