Featured Reviews Carousel is a widget that allows you to display featured reviews on your website in a horizontal slider. It is generally used on the homepage for your high-scoring featured reviews.
Instructions: This section includes steps on how to add the Featured Reviews Carousel widget to your website.
For Theme 2.0:
1- First, open the theme editor.
2- This widget is designed for your website homepage or any other page where you want to display featured reviews. For example, go to Homepage from your theme editor and select the Superdesk Reviews Carousel widget from the Add block section on the left menu and add it to the page.
For Vintage themes:
1- First, activate the Superdesk app embed from the App Embeds menu.
2- Then open the theme code editor and go to the Snippets directory on the left. Select Add a new snippet from the Add a new snippet button. In the File name section that opens, enter the file name as “superdesk-featured-reviews-carousel” and click the Done button.
3- Paste the following code into this file and save the changes:
<superdesk-featured-reviews-carousel-snippet
class="superdesk-featured-reviews-carousel-widget"
tabindex="-1"
>{{ shop.metafields.superdesk.inline_content.value }}
</superdesk-featured-reviews-carousel-snippet>
4- Then place the following code where you want to use the widget.
{% render 'superdesk-featured-reviews-carousel' %}
Margins: Here you can customize the top and bottom margins of your Featured Reviews Carousel widget.
- Margin Top: Set the top margin.
- Margin Bottom: Set the bottom margin.
Style: Here you can customize the following styles of Featured Reviews Carousel.
- Override global star color: If Enabled, override the full and empty star colors defined in the global settings.
- Star Full Color: Set the full star color.
- Star Empty Color: Sets the empty star color.
- Show border: Enabled activates the boxes of the Carousel elements.
- Border Color: Sets the color of the Carousel element boxes.
- Border Radius: Adjusts the corner softness of Carousel element boxes.
- Text color: Sets the text color.
- Horizontal alignment: Set the left or center alignment of the contents of the Carousel elements.
- Widget max width: Set the maximum width of the carousel.
Content: Adjust the content and mechanics of the Carousel.
- Carousel autoplay: Enabled if Carousel autoplay is turned on.
- Show review title: If Enabled, shows the review titles.
- Show product name: Shows product names if Enabled.
- Show verified buyer badge: If Enabled, show verified buyer badge.
- Show carousel dots: Turns the slide show under the carousel on and off.
- Sort reviews by: Sort Carousel elements by rating score if Rating and by last comment if Date.
- Max number of reviews: The maximum number of Carousel elements to display.
- Slide per page (Medium Screen): Specifies the maximum number of Carousel elements side by side on medium width screens such as tablets. Default is 2.
- Slide per page (Large Screen): Specifies the maximum number of Carousel elements side by side on large screens such as desktop, laptop, etc. Default 3.
- Maximum rows per review body: Specifies the maximum number of rows per review body for each Carousel element.
Note: After changing the settings, don't forget to Save Changes from the top right.