How do I manually add the carousel widget to my pages?

The Carousel widget can be added to your homepage through your Theme editor.

You can manually add the Loox widget to other pages on your store by adding the code to your theme's liquid files.


To manually add the Loox Carousel widget to your pages follow the steps below:

  1. Go to your Shopify Themes menu
  2. Click the "Actions" menu and then select "Edit code"
  3. Open the template or section you use for the page you wish to add the widget to
  4. Add the code below to where you wish to display the Carousel:
  5. <div id="looxCarousel" data-show-more="true"></div>
    	

This will display the same reviews as the Homepage carousel :
Here's how to add or remove reviews from the Carousel widget


You can also add the Loox carousel to your product pages and display only the reviews of that product.

To add the carousel widget to your product pages, insert the code below to your product page's liquid file:

  1. Go to your Shopify Themes menu
  2. Click the "Actions" menu and then select "Edit code"
  3. Open the template or section you use for product pages (usually it's called product-template.liquid or product.liquid, but some themes work differently)
  4. Add the code below to where you wish to display the Carousel:
    <div id="looxCarousel" data-show-more="true" data-product-ids="{{ product.id }}"></div>