Skip to main content

Theme integration

Adding InStijl Shop Review Blocks​

Follow the following steps to add Shop Review Widget widgets to your Shopify 2.0 theme:

  1. Go to the theme in which you want to add the Review Widgets, and click "Customize."
  2. You will now get to the theme settings screen.
  3. Go to a section that supports "App Blocks" and click "Add block
  4. Select one of the Shop Review Widget blocks.

The widget has now been added! You can now configure the widget to your liking.

Configuring InStijl Shop Review Blocks​

You can customize the added app blocks entirely to your liking. First, make sure you have added one of our App Blocks in your theme.

  1. Select the App Block you want to configure in the theme editor.
  2. A number of options will appear. Customize the options, colors and other settings to fit your own style!
  3. When you have reached the desired result, click 'Save' to publish the changes.

Advanced integration​

It is possible to retrieve review data through the theme code. That way, if you have some programming knowledge, you can create your own widget.

Below is an overview of the liquid variables you can use.

{% liquid
  assign shop_reviews = shop.metafields.ism.shop_reviews.value
  assign total_score = shop_reviews.total_score
  assign total_reviews = shop_reviews.total_reviews
%}

{% for review in shop_reviews.reviews limit: 10 %}
  {% liquid
    assign review_date = review.date | date: "%d-%m-%Y"
    assign review_score = review.score
    assign review_name = review.name
    assign review_content = review.content
    assign review_title = review.title # can be null
    assign review_location = review.location # can be null
    assign review_response_content = review.response_content # can be null
  %}
{% endfor %}

Please note that knowledge of HTML, CSS, Liquid and possibly JavaScript is required. InStijl Media cannot provide support on selfmade review widgets.