The Homepage Carousel Widget

With the Loox Homepage Carousel, you can highlight selected reviews in a stunning display on your homepage.
You can also set the carousel to display reviews of a selected product.
This will display the latest reviews for that product. The displayed reviews will update as new reviews come in for the selected product. 

The carousel widget is available on the Advanced plan and up. Click here to upgrade your plan.

In this article, we'll explain how to add the homepage carousel to your store's pages, the customization options available once it's there, as well as how to add or remove reviews from the carousel widget.

IN THIS ARTICLE


How to Enable the Homepage Carousel

To enable the homepage carousel on your theme, follow the instructions below:

  1. Go to your Shopify Themes menu.
  2. Click the "Customize" button on the theme you'd like to add the widget to.
  3. Click "Add section" on the side menu that appears on the left:
  4. Click on "Reviews - Carousel" and then click "Select":
    Note: If you do not see the "Reviews - Carousel" widget please re-integrate Loox with your theme and try again. Click here to learn how.
  5. Edit the settings of this widget and go back to the sections menu.
  6. Position the widget where you'd like it to appear by dragging it up or down:

  7. Click "Save".

Optional customizations:

1. Choosing the widget's width and colors.

2. Hiding the widget's "Show more" button.

3. Only displaying reviews with photos in the widget.

4. Using the custom font you've chosen in the Loox admin for the carousel widget instead of the default font.

You can display a specific product's reviews in the carousel widget. To do so, access the carousel widget's section and choose a product from the menu in the section's settings:

Note: The Loox Carousel widget has a limit of 20 reviews.   


Adding and Removing Reviews from the Homepage Carousel

The Loox carousel will not appear on the live store until you select to showcase at least one review.

To add/remove a review to the homepage carousel:

  1. On your Loox admin, go to the Reviews tab.
  2. Click "More actions" on the relevant review:
  3. Select "Add to homepage carousel":

  4. To remove the review follow steps 1+2 and select "Remove from homepage carousel"

Reviews displayed on the homepage carousel will include a small logo next to the review date:


How to Manually Add the Carousel Widget on Your Store Pages

You can 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>
    	

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>
    	

If you need help editing your Liquid code, please contact our support team and we'll be happy to assist.