{"id":2117,"date":"2019-03-09T11:55:16","date_gmt":"2019-03-09T19:55:16","guid":{"rendered":"https:\/\/ginastricklind.com\/?p=2117"},"modified":"2019-03-09T12:53:14","modified_gmt":"2019-03-09T20:53:14","slug":"how-to-create-a-product-reviews-shortcode-query","status":"publish","type":"post","link":"https:\/\/ginastricklind.com\/how-to-create-a-product-reviews-shortcode-query\/","title":{"rendered":"How To Create A Product Reviews Shortcode Query"},"content":{"rendered":"<p>This particular shortcode will only work on the single product view. Modification would be needed to make it work elsewhere within the website. In case you&#8217;re wondering how this would even be useful on product pages, take a look at my article on how <a href=\"https:\/\/ginastricklind.com\/make-beaver-builder-work-on-woocommerce-product-pages\/\">beaver builder was added to product pages<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2>The Shortcode<\/h2>\n<p>To do this we set the $product as global in order to grab the id of that product so we can use it in the query arguments. WooCommerce reviews are basically just &#8220;comments&#8221; so we use get_comments to retrieve these.<\/p>\n<div class=\"oembed-gist\"><script src=\"https:\/\/gist.github.com\/gstricklind\/f91e14732ff425bcef45b064b716d39b.js\"><\/script><noscript>View the code on <a href=\"https:\/\/gist.github.com\/gstricklind\/f91e14732ff425bcef45b064b716d39b\">Gist<\/a>.<\/noscript><\/div>\n<p>Be sure to use ob_start and ob_get_clean or you&#8217;ll have some trouble with placement when the output is returned.<\/p>\n<p>&nbsp;<\/p>\n<h3>The CSS<\/h3>\n<pre>@media screen and (min-width: 768px) {\r\n  #gs-reviews ul {\r\n   display: flex;\r\n   flex-direction: row-reverse;\r\n   justify-content: space-between;\r\n   list-style: none;\r\n   padding-left: 0;\r\n   margin-bottom: 0;\r\n  }\r\n  #gs-reviews ul &gt; li {\r\n   width: 30%;\r\n   flex-direction: column-reverse;\r\n  }\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>Check out how everything turned out in the image below. In addition, you can read about <a href=\"https:\/\/ginastricklind.com\/how-to-add-write-your-review-link-to-woocommerce-product-page\/\">how I added the &#8220;Write your review&#8221; link under the product title<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2122\" src=\"https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page.jpg\" alt=\"\" width=\"1403\" height=\"4498\" srcset=\"https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page.jpg 1403w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page-25x80.jpg 25w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page-156x500.jpg 156w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page-321x1030.jpg 321w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page-468x1500.jpg 468w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page-220x705.jpg 220w, https:\/\/ginastricklind.com\/wp-content\/uploads\/2019\/03\/custom-woocommerce-product-page-312x999.jpg 312w\" sizes=\"(max-width: 1403px) 100vw, 1403px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This particular shortcode will only work on the single product view. Modification would be needed to make it work elsewhere within the website. In case you&#8217;re wondering how this would even be useful on product pages, take a look at my article on how beaver builder was added to product pages. &nbsp; The Shortcode To do this we set the $product as global in order to grab the id of that product so we can use it in the query [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57,56,16],"tags":[],"_links":{"self":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/2117"}],"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=2117"}],"version-history":[{"count":5,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/2117\/revisions"}],"predecessor-version":[{"id":2119,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/posts\/2117\/revisions\/2119"}],"wp:attachment":[{"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/media?parent=2117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/categories?post=2117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ginastricklind.com\/wp-json\/wp\/v2\/tags?post=2117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}