The Legacy Carousel Widget
Highlight your favorite customer reviews using our Legacy Carousel Widget.
In this article, we'll explain how to add the widget to your store's pages, its customization options, and how to display your favorite reviews on it.
IN THIS ARTICLE
How to add the Legacy Carousel Widget
To add the Legacy Carousel Widget to your pages using the Shopify Theme Editor, follow the steps below:
- Go to your Shopify Themes menu.
- Click "Customize":
- Click "Add section" and choose "Carousel Widget (Legacy":
- Drag and drop the Widget where you would like it to appear.
- Click "Save".
Note: If you do not see the "Carousel Widget (Legacy)", re-integrate Loox with your theme. Learn more
Customizing the Legacy Carousel Widget
You can customize the appearance of the Widget through the 'App block' settings in the Shopify Theme Editor:
- Maximum width: Adjusts the maximum width of the widget.
- Background color: Adjusts the background color of the widget.
- Arrows color: Adjusts the color of the Carousel arrows.
- Dots color: Adjusts the color of the dots that show the review currently displayed.
- Button color: Adjusts the color of the "Show more reviews" button.
- Display "Show more" button: Check on or off the "Show more reviews" button
- Display only reviews with photos: Check on or off to only display reviews with photos or videos attached.
- Use the widget's font: Check on or off to use the font selected in your Admin - Branding settings pageinstead of its default font - "Times New Roman".
- Use all of this product's reviews: When a product is selected, the widget will display that product's first 20 reviews.
Note: The Legacy Carousel Widget has a limit of 20 reviews.
Adding and removing reviews from the Legacy Carousel Widget
Select at least one review or product to display on your carousel for it to appear on your live store.
To add/remove a review to your widget, follow the steps below:
- On your Loox admin, go to the Reviews tab.
- Click "More actions" on the relevant review:
- Select "Add to Carousel":
- To remove the review, follow steps 1+2 and select "Remove from Carousel":
Reviews displayed on the carousel will include a small logo next to the review date:
How to manually add the Legacy Carousel Widget to your pages
To manually add the Legacy Carousel Widget to your pages, follow the steps below:
- Go to your Shopify Themes menu.
- Click the “...” button next to “Customize”, and select "Edit code":
- Open your page's template or section.
- Copy and paste the code below in the location where you would like the widget to appear:
<div id="looxCarousel" data-show-more="true"></div>
You can also add the widget to your product pages and display only the reviews of that product.
To add the Legacy Carousel Widget to your product pages, follow the steps below:
- Go to your Shopify Themes menu.
- Click the “...” button next to “Customize”, and select "Edit code":
- 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)
-
Copy and paste the code below in the location where you would like the widget to appear:
<div id="looxCarousel" data-show-more="true" data-product-ids="{{ product.id }}"></div>
If you need help editing your Liquid code, feel free to contact our Support team at [email protected], and we’d be more than happy to help!