How to integrate Loox widgets into Shogun pages

Loox allows you to display all Loox widgets through your Shogun page-builder app.

How to open an HTML element and inject the Loox widget code into it:

1. In your selected product page, add an HTML element and drag-and-drop it where you want to display the Loox widget:

 2. Double-click the HTML element to open the HTML text box:


How to display the Loox star ratings on your Shogun page

To integrate a product's star  ratings  widget, copy the following code:

<a href="#looxReviews">
<div class="loox-rating" data-id="XXXXXXXXXX" data-fetch></div>
</a>

Replace the  XXXXXXXXXX with the relevant product ID (Here's how to find it).

Save and Publish your page and your star ratings will be displayed on the live page you've placed them in:


How to display the review widget on your Shogun page

To integrate a product's  reviews widget, copy the following code:

<div id="looxReviews" data-product-id="XXXXXXXXXX"></div>

Replace the  XXXXXXXXXX with the ID of the product that you'd like to display reviews for (Here's how to find it).

Save and publish your page and the review widget will be displayed on the live page you've placed it in:


Note:
To integrate a widget that displays all your store's reviews use the code below:

<div id="looxReviews" data-loox-aggregate></div>

How to display the carousel widget on your Shogun page

To integrate the Loox carousel widget, copy the following code:

<div id="looxCarousel" data-show-more="true"></div>

Save and publish your page and the review widget will be displayed on the live page you've placed it in:


Note: If you wish to integrate any of the Loox widgets to non-product Shogun pages, you will need to add the following code before any of the above codes:

	<script async src="//loox.io/widget/loox.js?shop=STORE.myshopify.com"></script>

Replace STORE.myshopify.com with your .myshopify store URL. 


If you need any assistance with this, contact our support team and we'd be more than happy to help!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.