Displaying and customizing Review Carousel
The Review Carousel is our new widget that showcases customer reviews in a sleek, horizontal scroll. This article will guide you through the steps to quickly and effortlessly display and customize the Review Carousel in the theme editor using the app block.
What is a Review Carousel widget?
Add Review Carousel app block in the theme editor
Customize the Review carousel
Heads-up:
1. Adding Review Carousel via app block is available from the paid plan.
2. Kudosi supports adding the carousel to multiple templates for themes using Online Store 2.0.
3. Before customizing this widget you need to enable Kudosi Core Snippet.
There are 2 types of Carousel app block:
Media Carousel
Review Carousel
Review Carousel displays customer reviews in a horizontal scrolling format. It allows users to view multiple reviews in columns showcasing text reviews, star ratings, comments, dates, product images, and videos.
Steps
From the Kudosi dashboard, navigate to the side menu on the left and click Show Reviews.
In the Review Carousel section, and click “Install” next to it. This will open a modal and allow you to select the page you want to add the Review Carousel to.
Another way to access the theme editor and add the Carousel via the app block in the theme:
From the Shopify Sales channels > click Online store > click Customize in the current theme section. This will open the theme editor.
In the theme editor, select one page you want to add the Carousel on: Homepage, product page, or collection page.
On the left sidebar, click Add block > Apps > search “Kudosi” > select Review Carousel.
You can also drag and drop the Review Carousel widget to the position you want.
Steps to navigate to Review Carousel customization:
Navigate to the "Show reviews" section in the dashboard.
Click “Customize” on the Review Carousel widget.
Heads-up: to ensure the widget appears on your storefront, toggle it ON at the top right corner of the widget settings page.
In the customization, there are 2 main tabs: “Component visibility” and “Style & appearance”.
The component visibility settings allow you to show or hide specific components, such as the carousel title and customer name
How to use the component visibility tab
Click on any element in the preview to quickly find it in the configuration panel.
Click the eye icon to toggle visibility for elements. When the eye icon is open, it indicates that the element is visible. When the eye icon is closed, the element is hidden from view.
This is where you can adjust the layout, colors, and shapes to match your store’s branding and functionality.
How to use the style & appearance tab
Click on any element in the preview to locate its settings in the configuration panel.
Adjust button actions, sorting preferences, and other display settings in the left panel.
Overall Settings:
Carousel title text: Edit the text displayed as the title of the carousel.
Heading text font size: Adjust the font size for the heading text (e.g. review titles).
Body text font size: Set the font size for the main body of the review text.
Accessory text font size: Adjust the font size for any additional text elements.
Carousel title color: Change the color for the carousel title.
Spacing from top margin
Spacing from bottom margin
Review Item:
Card background color: Set the background color for review cards.
Card border color: Change the color for the border around review cards.
Card shadow: Select the type of shadow for review cards (Basic, Light, Dark, No shadow).
Enable autoplay: Toggle automatic scrolling of the carousel.
Star rating:
This is one of the global settings. If you change it here, the star rating of the Review Carousel will be different from the other widget.
Rating icon shape: Select the shape of the rating icons (Default, Thin, Rounded, Circle, Heart).
Rating icon filled color: Set the color for filled rating icons. This setting can change the star color in the Review Carousel.
Rating icon empty color: Set the color for empty rating icons.
Rating icon border color: Change the color for the border of rating icons.
Rating icon size: Adjust the size of the rating icons in pixels.
How many reviews are shown in the Review Carousel?
- The maximum reviews shown in the Review Carousel are 12 reviews.
Can I control which reviews are displayed in the Review Carousel?
- Yes, you can manage the reviews displayed in the Review Carousel by pinning reviews. Pinning reviews will place a review at the top, and the most recently pinned reviews will appear first.
How many reviews can be displayed in the Review Carousel on mobile version?
- Currently, the Review Carousel displays one review at a time on mobile, but you can swipe left or right to view additional reviews.
Read this article for more information about upgrading to the new version of review widgets.
If you need more help, please feel free to contact us via live chat or email us at support@kudosi.ai
Related articles
Displaying and customizing Media Carousel
Adding the review box via app block
On this page
What is a Review Carousel widget?
Add Review Carousel app block in the theme editor
Customize the Review carousel
Heads-up:
1. Adding Review Carousel via app block is available from the paid plan.
2. Kudosi supports adding the carousel to multiple templates for themes using Online Store 2.0.
3. Before customizing this widget you need to enable Kudosi Core Snippet.
What is a Review Carousel widget?
There are 2 types of Carousel app block:
Media Carousel
Review Carousel
Review Carousel displays customer reviews in a horizontal scrolling format. It allows users to view multiple reviews in columns showcasing text reviews, star ratings, comments, dates, product images, and videos.
Add Review Carousel app block in the theme editor
Steps
From the Kudosi dashboard, navigate to the side menu on the left and click Show Reviews.
In the Review Carousel section, and click “Install” next to it. This will open a modal and allow you to select the page you want to add the Review Carousel to.
Another way to access the theme editor and add the Carousel via the app block in the theme:
From the Shopify Sales channels > click Online store > click Customize in the current theme section. This will open the theme editor.
In the theme editor, select one page you want to add the Carousel on: Homepage, product page, or collection page.
On the left sidebar, click Add block > Apps > search “Kudosi” > select Review Carousel.
You can also drag and drop the Review Carousel widget to the position you want.
Customize Review Carousel in Kudosi
Steps to navigate to Review Carousel customization:
Navigate to the "Show reviews" section in the dashboard.
Click “Customize” on the Review Carousel widget.
Heads-up: to ensure the widget appears on your storefront, toggle it ON at the top right corner of the widget settings page.
In the customization, there are 2 main tabs: “Component visibility” and “Style & appearance”.
1. Component visibility
The component visibility settings allow you to show or hide specific components, such as the carousel title and customer name
How to use the component visibility tab
Click on any element in the preview to quickly find it in the configuration panel.
Click the eye icon to toggle visibility for elements. When the eye icon is open, it indicates that the element is visible. When the eye icon is closed, the element is hidden from view.
2. Style & appearance
This is where you can adjust the layout, colors, and shapes to match your store’s branding and functionality.
How to use the style & appearance tab
Click on any element in the preview to locate its settings in the configuration panel.
Adjust button actions, sorting preferences, and other display settings in the left panel.
Overall Settings:
Carousel title text: Edit the text displayed as the title of the carousel.
Heading text font size: Adjust the font size for the heading text (e.g. review titles).
Body text font size: Set the font size for the main body of the review text.
Accessory text font size: Adjust the font size for any additional text elements.
Carousel title color: Change the color for the carousel title.
Spacing from top margin
Spacing from bottom margin
Review Item:
Card background color: Set the background color for review cards.
Card border color: Change the color for the border around review cards.
Card shadow: Select the type of shadow for review cards (Basic, Light, Dark, No shadow).
Enable autoplay: Toggle automatic scrolling of the carousel.
Star rating:
This is one of the global settings. If you change it here, the star rating of the Review Carousel will be different from the other widget.
Rating icon shape: Select the shape of the rating icons (Default, Thin, Rounded, Circle, Heart).
Rating icon filled color: Set the color for filled rating icons. This setting can change the star color in the Review Carousel.
Rating icon empty color: Set the color for empty rating icons.
Rating icon border color: Change the color for the border of rating icons.
Rating icon size: Adjust the size of the rating icons in pixels.
FAQ:
How many reviews are shown in the Review Carousel?
- The maximum reviews shown in the Review Carousel are 12 reviews.
Can I control which reviews are displayed in the Review Carousel?
- Yes, you can manage the reviews displayed in the Review Carousel by pinning reviews. Pinning reviews will place a review at the top, and the most recently pinned reviews will appear first.
How many reviews can be displayed in the Review Carousel on mobile version?
- Currently, the Review Carousel displays one review at a time on mobile, but you can swipe left or right to view additional reviews.
Read this article for more information about upgrading to the new version of review widgets.
If you need more help, please feel free to contact us via live chat or email us at support@kudosi.ai
Related articles
Displaying and customizing Media Carousel
Adding the review box via app block
Updated on: 09/05/2025
Thank you!