Skip to main content

Adding the Reviews Carousel in Vintage themes

Updated over a month ago

Available on the Free plan

Step 1: Enable Judge.me app embed

For the Reviews Carousel to work, the app embed needs to be enabled.

To enable Judge.me app embed:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click Customize.

  3. Click the App embeds icon (third one on the left panel).

  4. Enable Judge.me app embed.

  5. Click Save.

Step 2: Add the Reviews Carousel section

Option 1: Add the Reviews Carousel using Shopify theme editor (recommended)

To install the Reviews Carousel in Shopify theme editor:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit and click Customize.

  3. Click + Add section and select "Featured Review Carousel" under Judge.me Sections.

  4. Drag the block to your preferred position on the page

  5. Click Save.

Option 2: Add the Reviews Carousel using liquid code (Advanced)

To install the Reviews Carousel using liquid code:

  • From your Shopify admin, go to Online Store > Themes.

  • Find the theme you want to edit, click the 3-dot icon (...) and select Edit code.

  • Open the index.liquid file and add the following code at the end of the file:

<!-- Start of Judge.me code --> 
<div class='jdgm-carousel-wrapper'>
{% assign jm_metafields = shop.metafields.judgeme %}
<div class='jdgm-carousel-title-and-link'>
<h2 class='jdgm-carousel-title'>Let customers speak for us</h2>
<span class='jdgm-all-reviews-rating-wrapper' href='javascript:void(0)'>
<span style='display:block' data-score='{{ jm_metafields.all_reviews_rating }}' class='jdgm-all-reviews-rating' aria-label='{{ jm_metafields.all_reviews_rating }} stars' tabindex='0' role='img'></span>
<span style='display: block' class='jdgm-carousel-number-of-reviews' data-number-of-reviews='{{ jm_metafields.all_reviews_count }}'>
from {{ shop.metafields.judgeme.all_reviews_count }} reviews
</span>
</span>
</div>
{{ jm_metafields.featured_carousel }}
</div>
<!-- End of Judge.me code -->
  • Click Save.

Note: If you can't find the templates/index.liquid file or it doesn't exist in your theme, you can install the Reviews Carousel using app block instead.

Did this answer your question?