Learn how to manually add the Loox Reviews Widget to your store using liquid code if you can't add it via app block.
When to add the Reviews Widget via code vs. via app block
You might need to add the widget via code if:
1. you're on a vintage (non 2.0) theme.
2. you're on a 2.0 theme but want to add the widget in a location where you can't use the Loox app block. For example- if you want to add the widget to a custom snippet, a collection card, or the cart drawer.
If you're on a 2.0 theme and have the option to do so in the location you want, use the Loox Reviews Widget app block instead - it's easier to customize. Read more about adding widgets via app block.
How to add the Reviews Widget via code
- Inside the Shopify Themes menu, click the “... ” button next to “Customize” and select Edit code:
- Open the template or section where you want to add the widget (for product pages, the file is usually called: product.liquid / product-template.liquid / product-page.liquid / product-main.liquid).
- Copy the line of code below and paste it where you would like the widget to appear:
<div id="looxReviews" data-product-id="{{product.id}}" class="loox-reviews-default">{{ product.metafields.loox.reviews }}</div>
- Click Save:
