The Home Carousel puts your store's reviews on your home page, or on any page, in one of eight styles. It's the first proof many shoppers see, before they've opened a single product. Every card opens the full review.
Shows on | Your home page, product pages or any page |
Add it from | Settings ▸ Widgets ▸ Review Cards, or any other carousel style ▸ Add to theme |
Needs | The Quoli Core Script app embed |
Plans | Every plan, every style |
Add it to your home page
In Quoli, open Settings ▸ Widgets. Each carousel style has its own card: Review Cards, Spotlight, Photo Wall and the rest.
Click Add to theme on any of them. Your theme editor opens on your home page with the Home Carousel added as a new section.
Pick your style under Carousel style in the block, drag the section into place and click Save.
On a new store, the setup guide on Home has the same button: Feature reviews on your homepage ▸ Add carousel.
The eight styles
Each style comes with its own heading, so the section reads well the moment you add it. Change the words or hide them under Heading. Colors and fonts come from Settings ▸ Brand in Quoli.
1. Review Cards
A row of cards with the photo, the stars, the review and the product. Shoppers swipe, or use the arrows, which wrap around at the end. Heading: What our customers say, with your rating under it.
2. Video Reel
Tall video cards that play muted while they're on screen, with the review and a link to the product over each one. It shows your video reviews first and fills up with photos. Heading: See it in action.
3. Photo Wall
Tall customer photos with the review and the product over them. Only reviews with a photo or video show here. Heading: Shared by our customers.
4. Spotlight
One review at a time, with the reviewer's answers and the product, sliding to the next on its own. The dot for the current review fills as it plays. Heading: Loved by our customers.
5. Quote Cards
Text-first cards for stores with rich written reviews. It favors the fuller reviews. Heading: In their words.
6. Collage
Two rows of customer photos and short quotes, drifting slowly sideways. Heading: Real customers, real photos.
7. Big Quote
A large photo beside a large quote, one review at a time. Heading: Why customers love us.
8. Classic
A centered photo card with a star badge over the photo. Heading: Hear it from our customers.
Choose the reviews
Setting | What it does |
Show | Most recent shows your newest published reviews. Featured shows only the ones you pick: in Reviews, click Add to carousel on a review, or select several and add them together. The Featured view in Reviews lists them. To add new reviews as they come in, set Add new reviews to carousel in Settings ▸ Collect & publish to photo or video reviews, text-only reviews or any review. |
Minimum rating | 4 stars and up by default. Set it to All ratings to show everything. |
Content | Best for the style (default) picks photos, videos or the fuller reviews to suit the style, and fills the row when you have few photos. Or choose Text and media, With photo or video, Video only or Text only. |
Reviews to show | 3 to 30. Default 10. |
Store reviews show here too, with your product reviews.
What a click does
A click on any card opens the review in a popup with every photo and video, the reviewer's answers, your reply and a link to the product.
On phones
Rows become a swipe, with a thin line under them that shows how far a shopper has swiped. Turn it off with Show swipe progress on mobile.
Block settings
Select the carousel in your theme editor to change these.
Style and heading
Setting | What it does | Default |
Carousel style | One of the eight styles above. | Review Cards |
Show heading | The heading over the carousel. | On |
Section heading | Your own heading. Leave it blank for the style's. | Blank |
Show subheading | The line under the heading, in the styles that have one. | On |
Subheading | Your own subheading. Leave it blank for the style's. | Blank |
Show rating summary | Your stars, average and review count under the heading, in the styles that have it. | On |
Reviews
Setting | What it does | Default |
Show | Most recent or Featured. | Most recent |
Minimum rating | All ratings, or 2, 3, 4 or 5 stars and up. | 4 stars and up |
Content | Best for the style, Text and media, With photo or video, Video only or Text only. | Best for the style |
Reviews to show | 3 to 30. | 10 |
Motion
Setting | What it does | Default |
Auto-rotate | Moves on by itself, and holds while a shopper points at it. | On |
Speed | Seconds on each step, 2 to 12. | 5 s |
Show swipe progress on mobile | The line under a row on phones. | On |
Cards
Setting | What it does | Default |
Show star rating | The stars on each review. | On |
Show reviewer name | The name on each review. | On |
Show verified badge | The check beside verified buyers. | On |
Show review date | The date on each review. | On |
Show product name | The product each review is about, linked to its page. | On |
Spacing
Setting | What it does | Default |
Top padding, Bottom padding | Space above and below the carousel, 0 to 40 px. | 20 px each |
Add it with code
On a theme without app blocks, paste the carousel in yourself. Each style's code is in Settings ▸ Widgets ▸ the style ▸ Instructions, with a Copy code button.
<quoli-home-carousel
merchant-id="{{ shop.permanent_domain }}"
api-base="/apps/quoli"
data-shop-name="{{ shop.name | escape }}"
carousel-style="cards"
source="recent"
content="auto"
count="10"
></quoli-home-carousel>Attribute | Values |
carousel-style | cards, video-reel, photo-wall, spotlight, minimal (Quote Cards), collage, big-quote or legacy (Classic) |
source | recent or featured |
content | auto (Best for the style), all, with-media, video or text |
count | 3 to 30 |
Keep the Quoli Core Script app embed on. Pasted code uses the default settings for everything else.
💡 Tip: Set Show to Featured and hand-pick ten reviews with great photos. Your home page then always leads with your best.