Add Reviews Carousel to Shopify Vintage Themes

Instructions on how to set up the reviews carousel widget on Shopify vintage themes.

Prerequisites

This tutorial assumes that you've already completed the initial Recenio widget setup.

Reviews carousel widget setup

• Open your Shopify Admin and navigate to your online store themes. Select a theme where you want to add the reviews carousel widget, click on the actions menu and select 'Edit code'

• Create a new section in the Sections folder named recenio-reviews-carousel-widget.liquid

• Paste the following code inside the recenio-reviews-carousel-widget.liquid section.

{% if product != blank %}
    {% capture product_id %} data-product-id="{{ product.id }}"{% endcapture %}
    {% capture product_metadata %}
        <script type="application/json" data-product-metadata>
            {{ product.metafields.recenio.metadata }}
        </script>
    {% endcapture %}
{% endif %}

<div class="recenio-reviews-carousel"
    {{ product_id }}
    data-show-header="{{ section.settings.show_header }}"
    data-header-text="{{ section.settings.header_text }}">
    {{ product_metadata }}
</div>

{% schema %}
{
  "name": "Reviews Carousel",
  "settings": [
    {
      "type": "checkbox",
      "id": "show_header",
      "label": "Show header",
      "default": true
    },
    {
      "type": "text",
      "id": "header_text",
      "label": "Header text"
    }
  ]
}
{% endschema %}

• Now you can use the following snippet to place the widget where you want it in your vintage Shopify theme.

{% section 'recenio-reviews-carousel-widget' %}

• If you would like to show reviews from a specific product instead of all products, use this snippet instead.

{% section 'recenio-reviews-carousel-widget', product: product %}