Loox Carousel Widgets

With Loox Carousel widgets, you can highlight selected reviews in a stunning display on your store's pages with the help of three different designs, providing you with the option to choose to highlight your reviews' texts or their images/videos.  

You can also set your carousels to display reviews of a selected product, highlighting that product's newest reviews coming into your store.
All three carousels can display up to 20 reviews.

In this article, we'll showcase each of the three different Carousel widgets, explain how to add them to your store's pages, the customization options available, and how to add or remove reviews from your carousels.

IN THIS ARTICLE


Carousel widgets overview

Loox carousel widgets provide you with the option to showcase your store’s reviews in one of three different layouts:

Testimonials Carousel

This widget showcases each review's text in a beautiful display. This widget will not showcase your customers' images or videos. 
Click here to learn more about the Testimonials Carousel.

Gallery Carousel

This widget spotlights your customers' user-generated content and puts it front and center on your pages. This widget will only showcase your customers' images and videos. 
Click here to learn more about the Gallery Carousel.

Cards Carousel

This widget uses both the texts and the images/videos attached to your customer reviews to create a unique and clean-looking carousel to display your UGC.
Click here to read more about the Cards Carousel.


How to add the Loox Carousel widgets to your store's pages

To add a carousel widget to one of your store's pages follow the instructions below:

Note: If you do not see all three Carousel widgets, please re-integrate Loox with your theme -  Click here to learn how.
You can also contact our support team for help via our support email: [email protected].
  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 bottom of the left-side menu and choose the Carousel widget you would like to use:
  4. Position the widget where you'd like it to appear by dragging it up or down:
  5. Edit the settings of this widget and go back to the sections menu.
  6. Click "Save".

That's it! The Carousel widget will now appear on your page.  


Adding and removing reviews from the Carousel Widget

The Loox Carousel widgets will not appear on your live store until you select at least one review or product to showcase.

To add/remove a review to your Carousel widgets follow these steps:

  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 Carousel will include a small logo next to the review date:

That's it! The reviews selected will now appear on your Carousel widgets.

Note: The chosen reviews will appear on all Carousel widgets deployed on your site. If a certain widget is adjusted to showcase a product's specific reviews, your chosen reviews will not be visible.


Testimonials Carousel widget

This Carousel widget will only display the text of your customers' reviews.

When added to your store the Testimonials widget will showcase a single review's text at a time, with the rating given and the customer information visible as well.

You can change the appearance settings of the Testimonials widget according to your preferences, via the 'app block' settings in the Shopify Theme Editor:

  • Maximum width: Adjusts the maximum width of the widget.
  • Max number of characters: Adjusts the maximum number of characters available to each review showcased. 
  • Quote marks icon: Changes the style of the quotation marks visible on the widget.
  • Reviewer name color: Adjusts the color used on the name of the reviewer.
  • Text color: Adjusts the color of the review's text.
  • Stars color: Adjusts the color of the widget's star icons.
  • Quotes icon color: Adjusts the color of the widget's quotation marks.
  • Arrow color: Adjusts the color of the carousel's arrows.
  • Hide arrows on mobile: When enabled, the arrows will be removed when viewed on mobile.
  • Selected dot color: Adjusts the color of the dot that symbolizes the currently viewed review.
  • Dot background color: Adjusts the color of the dots currently in the "background".
  • Auto animation: When enabled, the widget will automatically move between the reviews.
  • Delay (sec): Adjusts the amount of time before the widget will move between its reviews.
  • Select product (optional): When a certain product is selected, the widget will display that product's first 20 reviews.

This Carousel widget spotlights your reviews' images and videos, and showcases them in a stunning gallery display. 

When added to your store the Gallery widget will showcase a set number of reviews in a horizontal grid. Each review will have its image/video, the customer rating, and their information showcased on its "card".

You can change the appearance settings of the Testimonials widget according to your preferences, via the 'app block' settings on the Shopify Theme Editor:

Available customizations:

  • Maximum width: Adjusts the maximum width of the widget.
  • Corner radius: Adjusts the size of the widget's corner radius.
  • Number of reviews on desktop: Changes the number of reviews showcased on the widget when viewed on desktop.
  • Image ratio: Adjusts the ratio used to showcase the widget's reviews. 
    Note: Any image larger than the image ratio selected will automatically be cropped and centered to fit.
  • Reviewer name color: Adjusts the color used on the name of the reviewer.
  • Stars color: Adjusts the color of the widget's star icons.
  • Arrow background color: Adjusts the background color of the widget's arrows.
  • Arrow color: Adjusts the color of the carousel's arrows.
  • Drop shadow style: Adjusts the type of drop shadow used on the widget's reviews.
  • Show border: When enabled, a border will be displayed around each review "box".
  • Border width: Adjusts the size of the widget's border.
  • Border color: Adjusts the color of the widget's border.
  • Select product (optional): When a certain product is selected, the widget will display that product's first 20 reviews.

Cards Carousel widget

The Cards Carousel will combine the best of what the other two widgets offer, and use it to get a unique and stylish-looking widget, that will showcase your reviews' in separate "cards", with each review's image/video and its text visible on its respective "card".

Note: The Cards Carousel widget requires both text and an image or video to be attached to a certain review for it to appear on the widget. Text-only reviews will not be visible on this Carousel widget.

You can change the appearance settings of the Cards Carousel widget according to your preferences, via the 'app block' settings on the Shopify Theme Editor:

Available customizations:

  • Maximum width: Adjusts the maximum width of the widget.
  • Corner radius: Adjusts the size of the widget's corner radius.
  • Number of reviews on desktop: Changes the number of reviews showcased on the widget when viewed on desktop.
  • Max number of characters: Adjusts the maximum number of characters available to each review showcased. 
  • Image ratio: Adjusts the ratio used to showcase the widget's reviews. 
    Note: Any image larger than the image ratio selected will automatically be cropped and centered to fit.
  • Reviewer name color: Adjusts the color used on the name of the reviewer.
  • Text color: Adjusts the color of the review's text.
  • Text background color: Adjusts the background color of the reviews' text.
  • Stars color: Adjusts the color of the widget's star icons.
  • Stars background color: Adjusts the background color of the widget's stars.
  • Arrow background color: Adjusts the background color of the widget's arrows.
  • Arrow color: Adjusts the color of the carousel's arrows.
  • Drop shadow style: Adjusts the type of drop shadow used on the widget's reviews.
  • Show border: When enabled, a border will be displayed around each review "box".
  • Border width: Adjusts the size of the widget's border.
  • Border color: Adjusts the color of the widget's border.
  • Select product (optional): When a certain product is selected, the widget will display that product's first 20 reviews.