{"id":2123,"date":"2019-03-09T12:51:01","date_gmt":"2019-03-09T20:51:01","guid":{"rendered":"https:\/\/ginastricklind.com\/?p=2123"},"modified":"2019-03-09T12:52:55","modified_gmt":"2019-03-09T20:52:55","slug":"how-to-add-write-your-review-link-to-woocommerce-product-page","status":"publish","type":"post","link":"https:\/\/ginastricklind.com\/how-to-add-write-your-review-link-to-woocommerce-product-page\/","title":{"rendered":"How To Add A &#8216;Write Your Review&#8217; Link to WooCommerce Product Pages"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2124\" src=\"https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/woocommerce-write-your-review-link.jpg\" alt=\"Product page with write your review link\" width=\"1403\" height=\"1123\" srcset=\"https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/woocommerce-write-your-review-link.jpg 1403w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/woocommerce-write-your-review-link-80x64.jpg 80w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/woocommerce-write-your-review-link-500x400.jpg 500w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/woocommerce-write-your-review-link-1030x824.jpg 1030w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/woocommerce-write-your-review-link-705x564.jpg 705w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/woocommerce-write-your-review-link-450x360.jpg 450w\" sizes=\"(max-width: 1403px) 100vw, 1403px\" \/><\/p>\n<h2>Append the link to the reviews line<\/h2>\n<p>In your theme folder, be sure to have a js file you can add code to and <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_script\/\" target=\"_blank\" rel=\"noopener noreferrer\">enqueued<\/a> properly.<\/p>\n<pre> $('.woocommerce-product-rating .woocommerce-review-link').after(' | &lt;a class=\"write-your-review\" href=\"#tab-reviews\"&gt;Write Your Review&lt;\/a&gt;');<\/pre>\n<p>&nbsp;<\/p>\n<h2>Close the active tab, open the reviews tab, and scroll to the location<\/h2>\n<p>Now that we have the link where we want it, we need to scroll to the section we want. But, WooCommerce already has a different tab open by default, or the user maybe clicked around a bit and has a completely different tab open. Without closing these, or opening the reviews tab, we can&#8217;t properly scroll to where we want.<\/p>\n<pre> $('.write-your-review').click( function () {\r\n\r\n  $('.tabs li').removeClass('active');\r\n  $('.woocommerce-Tabs-panel').attr(\"style\", \"display:none\");\r\n\r\n  $('.reviews_tab').addClass('active');\r\n  $('.woocommerce-Tabs-panel--reviews').attr(\"style\", \"display:block\");\r\n\r\n  $('html, body').animate({\r\n   scrollTop: $(\"#commentform\").offset().top -200\r\n  }, 1500);\r\n\r\n });<\/pre>\n<p>&nbsp;<\/p>\n<p>Here&#8217;s the whole js file:<\/p>\n<div class=\"oembed-gist\"><script src=\"https:\/\/gist.github.com\/gstricklind\/13e2f4ba5ff2b39bca9415d4908fee18.js\"><\/script><noscript>View the code on <a href=\"https:\/\/gist.github.com\/gstricklind\/13e2f4ba5ff2b39bca9415d4908fee18\">Gist<\/a>.<\/noscript><\/div>\n<p>&nbsp;<\/p>\n<p>I&#8217;d love to hear if this helped you or if you have any further questions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Append the link to the reviews line In your theme folder, be sure to have a js file you can add code to and enqueued properly. $(&#8216;.woocommerce-product-rating .woocommerce-review-link&#8217;).after(&#8216; | &lt;a class=&#8221;write-your-review&#8221; href=&#8221;#tab-reviews&#8221;&gt;Write Your Review&lt;\/a&gt;&#8217;); &nbsp; Close the active tab, open the reviews tab, and scroll to the location Now that we have the link where we want it, we need to scroll to the section we want. But, WooCommerce already has a different tab open by default, or the user [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59,56,16],"tags":[],"_links":{"self":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/2123"}],"collection":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/comments?post=2123"}],"version-history":[{"count":5,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/2123\/revisions"}],"predecessor-version":[{"id":2126,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/2123\/revisions\/2126"}],"wp:attachment":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/media?parent=2123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/categories?post=2123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/tags?post=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}