Hub/Theme/Generate Star Rating Showcase Section
Task IntentTheme

Generate Star Rating Showcase Section

Build a star rating showcase section with aggregate score, rating breakdown, review platform badges, and highlighted top reviews.

What This Sidekick Query Does

Build a star rating showcase section with aggregate score, rating breakdown, review platform badges, and highlighted top reviews.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Create a star rating showcase section:

Aggregate Rating Display:

  Large star rating graphic: [RATING] out of 5
  Numeric score in large text
  Total review count: “Based on [NUMBER] reviews”
  Rating source badge(s): [Google/Trustpilot/Judge.me/Shopify/Yelp]


Rating Breakdown:

  5-star bar: [PERCENTAGE]% ([COUNT] reviews)
  4-star bar: [PERCENTAGE]% ([COUNT] reviews)
  3-star bar: [PERCENTAGE]% ([COUNT] reviews)
  2-star bar: [PERCENTAGE]% ([COUNT] reviews)
  1-star bar: [PERCENTAGE]% ([COUNT] reviews)
  Animated progress bars on scroll


Highlighted Reviews:

  Top [NUMBER] selected reviews displayed below breakdown
  Review text, author, date, star rating per review
  “Verified Purchase” badge
  Helpful count


Layout Options:

  Display style: [compact-banner/detailed-section/sidebar-widget]
  Compact: single row with stars, score, count
  Detailed: breakdown chart with highlighted reviews
  Alignment: [center/left]


Design Settings:

  Star color (filled): [FILLED_COLOR]
  Star color (empty): [EMPTY_COLOR]
  Progress bar color: [BAR_COLOR]
  Background color: [BACKGROUND_COLOR]
  Section heading: [SECTION_HEADING]
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px


Requirements:

  Schema markup for AggregateRating
  Half-star support in display
  Responsive layout
  Accessible star rating announcements
  Click-to-filter by star rating
  Support for multiple review source badges

Expected Output

Build a star rating showcase section with aggregate score, rating breakdown, review platform badges, and highlighted top reviews.

Tips to Improve Results

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions