In August, Google replaced our Customer Reviews badge with this new “Google store” widget:



On the plus side, it renders more consistently across mobile and desktop browsers and collapses to a small icon after a few seconds.

The downside: it now shows on pages like the cart/checkout, where third-party popups seem certain to distract from entering address and payment details.

Below is a CSS-only approach, suggested by ChatGPT (!), to hide the widget on the Cart page. This code seems to work well when inserted into the editable section of the cart.php header.

We tried some different, more compact versions of the code suggested by GPT but those did not work.

I'd be grateful for any comments or suggestions on this.

===============

<!-- Hide Google 'Store rating' and Customer Reviews badges on cart page only per GPT-->
<style>
/* Google 'Store rating by Google' (Merchant Center) badge */
iframe[src*="google.com/ratings/badge"],
iframe[src*="//www.google.com/ratings/badge"],
iframe[title*="Store rating"],
/* Google Customer Reviews badge */
iframe[src*="shopping/customerreviews/badge"],
iframe[src*="customerreviews"],
#gcr-badge, .gcr-badge, .google-review-badge, .gcr_badge, .GCRBadge {
display: none !important; visibility: hidden !important;
}
/* Defensive: common GTM wrappers—safe to hide on cart page */
div[id*="gcr"], div[class*="gcr"],
div[id*="rating"], div[class*="rating-badge"] {
display: none !important; visibility: hidden !important;
}
</style>