Integrating Loox with Your Theme
Loox automatically integrates with your live theme when you install it for the first time. It displays both the Product Reviews Widget and Ratings Widget on your product pages. If you change your theme, integrate Loox to continue to display your Product Reviews Widget and Ratings widget.
The article below will guide you through the process of integrating Loox with your theme directly from the Loox app or by code. It also includes integrating with your Debutify themes.
IN THIS ARTICLE
Integrate from the Loox app
To integrate Loox with a specific theme (published or unpublished) directly from your Loox Admin:
- Inside the “Preferences” settings section, go to "Themes".
Select the theme that you'd like to integrate Loox with from the dropdown:
- Click “Integrate Loox”.
If you are using Shopify's Store 2.0 themes (such as Dawn), you can integrate Loox widgets through the theme editor. Learn more
Manual Integration
To manually integrate the Product Reviews Widget with your product pages by code:
- Inside the Shopify Themes menu, click the “...” button next to “Customize” and select "Edit code":
- Open the template or section you use for product pages (for example: product.liquid / product-template.liquid / product-page.liquid / propduct-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>
Debutify
To integrate Loox with your Debutify theme, follow the steps below:
- Download and install the Debuitfy theme.
Inside your Shopify Themes menu, click "Customize":
Click "Theme settings":
Under "Reviews apps", select "Loox", and save:
All Loox widgets should now appear on your theme's pages accordingly.
If the Product Reviews Widget still doesn't appear, feel free to contact our Support team at [email protected], and we’d be more than happy to help!