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.  

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”.

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.