{"id":4170,"date":"2025-12-17T07:30:08","date_gmt":"2025-12-17T07:30:08","guid":{"rendered":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/?page_id=4170"},"modified":"2025-12-17T07:34:59","modified_gmt":"2025-12-17T07:34:59","slug":"overall-rating-shortcode","status":"publish","type":"page","link":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/overall-rating-shortcode\/","title":{"rendered":"Overall Rating Shortcode"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_column_text css=&#8221;&#8221;]\n<h2 id=\"style-1\" style=\"text-align: center;\">Style 1<\/h2>\n<div class=\"shortcode-wcpr-overall-rating-and-rating-count\" >\n\t        <div class=\"shortcode-wcpr-overall-rating\">\n            <h2>\n\t\t\t\tCustomer reviews            <\/h2>\n            <div class=\"shortcode-wcpr-overall-rating-main\">\n                <div class=\"shortcode-wcpr-overall-rating-left\">\n\t\t\t\t\t<span class=\"shortcode-wcpr-overall-rating-left-average\">\n\t\t\t\t\t\t4.38\t\t\t\t\t<\/span>\n                <\/div>\n                <div class=\"shortcode-wcpr-overall-rating-right\">\n                    <div class=\"shortcode-wcpr-overall-rating-right-star\">\n\t\t\t\t\t\t<div class=\"star-rating\" role=\"img\" aria-label=\"Rated 4.38 out of 5\"><span style=\"width:87.6%\">Rated <strong class=\"rating\">4.38<\/strong> out of 5<\/span><\/div>                    <\/div>\n                    <div class=\"shortcode-wcpr-overall-rating-right-total\">\n\t\t\t\t\t\tBased on 21 reviews                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\t\t        <div class=\"shortcode-wcpr-stars-count\">\n\t\t\t                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">5<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 5 out of 5\"><span style=\"width:100%\">Rated <strong class=\"rating\">5<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 61.904761904762%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">62%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">13<\/div>\n                <\/div>\n\t\t\t\t                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">4<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 4 out of 5\"><span style=\"width:80%\">Rated <strong class=\"rating\">4<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 19.047619047619%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">19%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">4<\/div>\n                <\/div>\n\t\t\t\t                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">3<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 3 out of 5\"><span style=\"width:60%\">Rated <strong class=\"rating\">3<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 14.285714285714%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">14%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">3<\/div>\n                <\/div>\n\t\t\t\t                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">2<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 2 out of 5\"><span style=\"width:40%\">Rated <strong class=\"rating\">2<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 4.7619047619048%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">5%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">1<\/div>\n                <\/div>\n\t\t\t\t                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">1<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 0%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">0%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">0<\/div>\n                <\/div>\n\t\t\t\t        <\/div>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<h2 id=\"style-2\" style=\"text-align: center;\">Style 2<\/h2>\n<div class=\"shortcode-wcpr-overall-rating-and-rating-count shortcode-grid-style\" >\n            <div class=\"shortcode-wcpr-overall-rating shortcode-grid-style\">\n            <div class=\"shortcode-wcpr-overall-rating-main\">\n                <div class=\"shortcode-wcpr-overall-rating-average\">\n                    4.38                <\/div>\n                <div class=\"shortcode-wcpr-overall-rating-right-star\">\n                    <div class=\"star-rating\" role=\"img\" aria-label=\"Rated 4.38 out of 5\"><span style=\"width:87.6%\">Rated <strong class=\"rating\">4.38<\/strong> out of 5<\/span><\/div>                <\/div>\n                <div class=\"shortcode-wcpr-overall-rating-right-total\">\n                    Out of 21                <\/div>\n\n            <\/div>\n        <\/div>\n                <div class=\"shortcode-wcpr-stars-count shortcode-grid-style\">\n                            <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">5<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 61.904761904762%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">62%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">62%<\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">4<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 19.047619047619%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">19%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">19%<\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">3<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 14.285714285714%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">14%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">14%<\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">2<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 4.7619047619048%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">5%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">5%<\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">1<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 0%;\"><\/div>\n                            <div class=\"rate-percent-bg-1\">0%<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shortcode-wcpr-col-rank-count\">0%<\/div>\n                <\/div>\n                        <\/div>\n        <\/div>\n\n<p>&nbsp;<\/p>\n<h2 id=\"style-3\" style=\"text-align: center;\">Style 3<\/h2>\n<div class=\"shortcode-wcpr-overall-rating-and-rating-count shortcode-list-style\" >\n            <div class=\"shortcode-wcpr-overall-rating shortcode-list-style\">\n            <div class=\"shortcode-wcpr-overall-rating-main\">\n                <span class=\"wcpr-title1\">Average Rating<\/span>\n                <div class=\"wcpr-title2\">\n                    <div class=\"shortcode-wcpr-overall-rating-average\">\n                        4.38                    <\/div>\n                    <div class=\"shortcode-wcpr-overall-rating-right-star\">\n                        <div class=\"star-rating\" role=\"img\" aria-label=\"Rated 4.38 out of 5\"><span style=\"width:87.6%\">Rated <strong class=\"rating\">4.38<\/strong> out of 5<\/span><\/div>                    <\/div>\n                <\/div>\n                <span class=\"wcpr-title3\">Average rating on this product<\/span>\n            <\/div>\n        <\/div>\n                <div class=\"shortcode-wcpr-stars-count shortcode-list-style\">\n                            <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">5<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 100%;\"><\/div>\n                            <div class=\"rate--count\">13<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">4<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 30.769230769231%;\"><\/div>\n                            <div class=\"rate--count\">4<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">3<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 23.076923076923%;\"><\/div>\n                            <div class=\"rate--count\">3<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">2<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 7.6923076923077%;\"><\/div>\n                            <div class=\"rate--count\">1<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"shortcode-wcpr-row\">\n                    <div class=\"shortcode-wcpr-col-number\">1<\/div>\n                    <div class=\"shortcode-wcpr-col-star\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 1 out of 5\"><span style=\"width:20%\">Rated <strong class=\"rating\">1<\/strong> out of 5<\/span><\/div><\/div>\n                    <div class=\"shortcode-wcpr-col-process\">\n                        <div class=\"rate-percent-bg\">\n                            <div class=\"rate-percent\" style=\"width: 1%;\"><\/div>\n                            <div class=\"rate--count\">0<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n                <div class=\"shortcode-wcpr-overall-total-rating shortcode-list-style\">\n            <div class=\"shortcode-wcpr-overall-total-rating-main\">\n                <span class=\"wcpr-title1\">Total reviews<\/span>\n                <span class=\"wcpr-title2\">21                    <\/span>\n                <span class=\"wcpr-title3\">Reviews on this product<\/span>\n            <\/div>\n        <\/div>\n        <\/div>\n[\/vc_column_text][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css=&#8221;&#8221;] Style 1 &nbsp; Style 2 &nbsp; Style 3 [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4170","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/pages\/4170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/comments?post=4170"}],"version-history":[{"count":3,"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/pages\/4170\/revisions"}],"predecessor-version":[{"id":4199,"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/pages\/4170\/revisions\/4199"}],"wp:attachment":[{"href":"https:\/\/demo.villatheme.com\/woocommerce-photo-reviews\/wp-json\/wp\/v2\/media?parent=4170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}