fix(storefront): BCTHEME-288 Shoppers are not anchor-linked to review…

…s on PDPs if product description tabs are enabled

CHANGELOG.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Shoppers are not anchor-linked to reviews on PDPs if product description tabs are enabled. [#1883](https://github.com/bigcommerce/cornerstone/pull/1883)
 - Fixed Product Image Carousel Becomes Responsiveness on Product Page. [#1879](https://github.com/bigcommerce/cornerstone/pull/1879)
 - Move phrases and static strings to en.json for improving translation customizing. [#1850](https://github.com/bigcommerce/cornerstone/pull/1850)
 - Update carousel images to improve LCP indicator from Lighthouse performance report. [#1876](https://github.com/bigcommerce/cornerstone/pull/1876)

assets/js/theme/product/reviews.js

@@ -23,7 +23,7 @@ export default class {
     initLinkBind() {
         const $content = $('#productReviews-content', this.$reviewsContent);
 
-        $('.productView-reviewLink').on('click', () => {
+        $('#productReview_link').on('click', () => {
             $('.productView-reviewTabLink').trigger('click');
             if (!$content.hasClass('is-open')) {
                 this.$collapsible.trigger(CollapsibleEvents.click);

templates/components/products/product-view.html

@@ -103,7 +103,7 @@ <h2 class="productView-brand"{{#if schema}} itemprop="brand" itemscope itemtype=
                         {{> components/products/ratings rating=product.rating}}
                     </span>
                     {{#if product.num_reviews '>' 0}}
-                        <a href="{{product.url}}#product-reviews" class=" ">
+                        <a href="{{product.url}}#product-reviews" id="productReview_link">
                             {{lang 'products.reviews.link_to_review' total=product.num_reviews}}
                         </a>
                     {{else}}