{"id":1801,"date":"2021-10-21T17:49:23","date_gmt":"2021-10-21T17:49:23","guid":{"rendered":"https:\/\/www.opinew.com\/help-center\/?post_type=ht_kb&#038;p=1801"},"modified":"2023-09-18T13:46:00","modified_gmt":"2023-09-18T13:46:00","slug":"review-carousel-help-guide","status":"publish","type":"ht_kb","link":"https:\/\/www.opinew.com\/help-center\/knowledge-base\/review-carousel-help-guide\/","title":{"rendered":"Review Carousel Help Guide"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">General information<\/h2>\n\n\n\n<p>Sometimes you would want to show some of the best reviews across your shop on the same place, with our review carousel you can showcase handpicked reviews from different products and show them on your homepage for your customers to see.<\/p>\n\n\n\n<p><strong>What kind of reviews it shows<\/strong> :<\/p>\n\n\n\n<p>Each review carousel will display blocks of text displaying the product name, the body of the review, and the date of the publication.<\/p>\n\n\n\n<p><strong><strong>Where it should be used on the store<\/strong> :<\/strong><\/p>\n\n\n\n<p>The widget is meant to be displayed on the homepage of your store.<\/p>\n\n\n\n<p><strong>More information :<\/strong><\/p>\n\n\n\n<p>Besides some basic styling options that can be changed, the dates and product names can be turned on and off as it is needed.<\/p>\n\n\n\n<h2 class=\"has-text-align-left wp-block-heading\">Installation Instructions<\/h2>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">Watch our video tutorial below to quickly add a review carousel to your Shopify&#8217;s store homepage. <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to install carousel reviews &amp; testimonials on your Shopify Store with Opinew - Shopify Tutorial\" width=\"643\" height=\"362\" src=\"https:\/\/www.youtube.com\/embed\/RC3WdD-wfkc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Method 1: App Blocks (Storefront 2.0) <\/h3>\n\n\n\n<p><strong>What types of pages can the element be drag-and-dropped<\/strong>:<\/p>\n\n\n\n<p>Homepage, collection pages<\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=5yUjVpemtl4\" data-rel=\"lightbox-video-0\" class=\"rank-math-link\">Watch App Blocks Tutorial Vi<\/a><a class=\"rank-math-link\" href=\"https:\/\/vimeo.com\/605150976?width=1080\" data-rel=\"lightbox-video-1\">deo<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.opinew.com\/help-center\/knowledge-base\/product-reviews-shopify-dawn-theme\/\" class=\"rank-math-link\">See the full help center article tutorial for App Blocks.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Method 2: Javascript<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"1-place-the-stars\">1. Place the footer badge<\/h4>\n\n\n\n<p>Insert the code to indicate where you want the review carousel to show. It can be any type of html element but we recommend\u00a0<code>div<\/code>\u00a0or\u00a0<code>span<\/code>\u00a0element. It needs to have the required class and data attributes as described below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;div class=\"opinew-carousel-plugin-dynamic\">&lt;\/div><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Method 3: Shopify Liquid<\/h3>\n\n\n\n<p>If you want to add the carousel to page other than a homepage (blog, custom product page etc.) You can just add this code into the liquid template of that page:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">{% section 'opinew_review_carousel' %}<\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>General information Sometimes you would want to show some of the best reviews across your shop on the same place, with our review carousel you can showcase handpicked reviews from different products and show them on your homepage for your customers to see. What kind of reviews it shows :&#8230;<\/p>\n","protected":false},"author":7,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[24],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1801"}],"collection":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/comments?post=1801"}],"version-history":[{"count":13,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1801\/revisions"}],"predecessor-version":[{"id":3047,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb\/1801\/revisions\/3047"}],"wp:attachment":[{"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/media?parent=1801"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-category?post=1801"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.opinew.com\/help-center\/wp-json\/wp\/v2\/ht-kb-tag?post=1801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}