Product reviews

A titled space on the product page for your review app's widget. The theme supplies the heading and layout; the app supplies every review, rating and form.

Merchant-addable
Yes
Settings
9
Block types
1
Max blocks
4
File
sections/product-reviews.liquid

Used by default on: Product, Product (set)

When to use it

Product pages, once you have a review app collecting real reviews.

Setting it up

  1. Install a review app from the Shopify App Store.
  2. Add the section to a product template.
  3. Add the app's block inside this section in the theme editor, or paste the app's code into a Custom Liquid block if it does not offer a block.
  4. Set the eyebrow, heading and Content width. Standard matches the widest layout most review apps support; Wide follows your page width.
  5. Color scheme under Style defaults to Scheme 7 for newly added sections. Existing sections keep their saved color scheme.

Where the content comes from

The review app owns all review data. The theme owns only the heading, the width and the spacing around the app.

Notes and cautions

  • Manifest does not collect or store reviews — that is an app's job, and a theme that did it would fail Theme Store review.
  • Until the section holds an app block or Custom Liquid, customers see nothing. The setup prompt appears only in the theme editor.
  • The app sits below the heading in normal page flow, so its own notices and top spacing push it down rather than overlapping the heading.
  • Turn on Link the review count to the reviews section in the product page's rating block to make the count scroll here. On pages where this section has no review content, the count shows as plain text.

Set up reviews and mobile header alignment

The section heading and eyebrow belong to this section. Review content comes from your review app’s theme app block or a Custom Liquid block; the theme does not create review data.

  1. Add Product reviews to your template and enter its eyebrow and heading.
  2. Add your review app block, or a Custom Liquid block containing the integration supplied by your review provider.
  3. Set Content width to Standard or Wide for the review content.
  4. Set Mobile header alignment to Left or Center under Content.
  5. Preview at a phone width and save.

Mobile header alignment defaults to Left and applies to the eyebrow and heading below 750px. The header uses the same page gutter as neighboring sections. Desktop alignment stays unchanged, and this control does not change the review app’s own content alignment.

Without an app block or populated Custom Liquid block, the section shows an onboarding prompt in the theme editor and is hidden from customers.

Color scheme under Style defaults to Scheme 7 for newly added sections. Existing sections keep their saved color scheme.

Product reviews design

100%

Use the zoom controls, then scroll to inspect the image. Press Escape to close.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Add a review app block or Custom Liquid block to show review summaries, submissions, filters, distributions and review listings. Content fills the selected width.

Content

EyebrowText
ID
eyebrow
Default
Real skin · real results
HeadingRich text (inline)
ID
heading
Default
Rituals, reviewed.
Heading sizeDropdown
ID
heading_size
Default
Large
  • Smallsmall
  • Mediummedium
  • Largelarge
Mobile header alignmentDropdown

Aligns the eyebrow, heading, and supporting text on screens below 750px.

ID
mobile_header_alignment
Default
Left
  • Leftleft
  • Centercenter

Layout

Content widthDropdown

Standard aligns with the maximum width supported by common review apps.

ID
content_width
Default
Standard
  • Standardstandard
  • Widewide

Style

Color schemeColor scheme
ID
color_scheme
Default
scheme-6

Spacing

Top paddingSlider
ID
padding_top
Default
40
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
40
Range
0px to 100px, in steps of 4px

Blocks

Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.

Custom Liquid custom_liquid

Custom LiquidCustom Liquid

Add app-provided Liquid or other review content. The section stays hidden on the storefront when this field is empty and no app block is present.

ID
custom_liquid

App blocks

This section accepts @app blocks, so apps you install can render inside it directly from the theme editor. Add the app's block the same way you add a theme block.