Add Product Reviews to Shopify Vintage Themes

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

Prerequisites

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

Product reviews widget setup

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

• Create a new snippet in the Snippets folder named recenio-product-reviews-widget.liquid

• Paste the following code inside the recenio-product-reviews-widget.liquid snippet.

{% 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-product-reviews" {{ product_id }}>{{ product_metadata }}</div>

• Now you can use the following snippet to place the product reviews widget wherever you want in your theme.

{% render 'recenio-product-reviews-widget', product: product %}

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

{% render 'recenio-product-reviews-widget' %}