Reviews Grid

Where to find it

Available content blocks

• Review Card

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID

ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.

Display on

Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only

Show Rating Badge

Enable or disable this option and preview the result.

Rating (e.g., 4.8/5)

Edit the text shown by this component.

Total Reviews Text

Edit the text shown by this component.

Verified Buyer Label

Text shown next to the verified checkmark on each review card.

Heading Start

Use bold or italic in this heading to apply the global Heading DNA accent style. Change it in Theme settings > Typography.

Accent effect

Highlight adds a slanted color plate behind bold or italic heading text. The existing accent color controls set its background.Options: Theme setting · Highlight

Heading accent color source

Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.Options: Heading DNA · Custom

Custom accent colorConditional

Choose a local color when the relevant custom source is enabled.

Heading AccentConditional

Edit the text shown by this component.

Heading Size

Adjust within the range offered by the theme editor.

Description (under heading)

Optional. Appears under the title and above the cards.

Description Size

Adjust within the range offered by the theme editor.

Description ColorConditional

Choose a local color when the relevant custom source is enabled.

Accent Style

Choose the presentation or source that fits this component.Options: Normal · Italic

Accent Weight

Was previously locked to Regular (400). Use whatever weight you like.Options: Light (300) · Regular (400) · Medium (500) · Semibold (600) · Bold (700) · Extra Bold (800) · Black (900)

Accent ColorConditional

Choose a local color when the relevant custom source is enabled.

Accent Gradient (Optional)Conditional

If set, gradient will override accent color for heading accent text

Badge Border WidthConditional

Set to 0 to remove the border completely.

Badge Border ColorConditional

Falls back to Accent Color if left blank.

Badge Corner RadiusConditional

Adjust within the range offered by the theme editor.

Badge BackgroundConditional

Leave at default (transparent) for the original look.

Container Width

Adjust within the range offered by the theme editor.

Show Navigation Arrows

Enable or disable this option and preview the result.

Button SizeConditional

Adjust within the range offered by the theme editor.

Button Corner RadiusConditional

Leave at 50 for a full circle (button is ~40px tall, so any value ≥ half the height renders as a pill). Lower for square corners.

Button Border WidthConditional

Adjust within the range offered by the theme editor.

Button Border ColorConditional

Falls back to Accent Color if left blank.

Button BackgroundConditional

Leave at default (transparent) for the original look.

Card BackgroundConditional

Choose a local color when the relevant custom source is enabled.

Image Placeholder BackgroundConditional

Choose a local color when the relevant custom source is enabled.

Card Border Width

Adjust within the range offered by the theme editor.

Card Border Style

Choose the presentation or source that fits this component.Options: Solid · Dashed · Dotted · None

Card Border ColorConditional

Choose a local color when the relevant custom source is enabled.

Card Border Radius

Adjust within the range offered by the theme editor.

Color source

Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors

Saved color schemeConditional

Choose an available Shopify color scheme.

BackgroundConditional

Choose a local color when the relevant custom source is enabled.

HeadingConditional

Choose a local color when the relevant custom source is enabled.

TextConditional

Choose a local color when the relevant custom source is enabled.

AccentConditional

Choose a local color when the relevant custom source is enabled.

Card color style

Choose how the review cards are colored. Card defaults use the global card palette. Custom changes only these cards.Options: Card defaults · Custom

Card backgroundConditional

Choose a local color when the relevant custom source is enabled.

Card textConditional

Choose a local color when the relevant custom source is enabled.

Card borderConditional

Choose a local color when the relevant custom source is enabled.

Section BackgroundConditional

Choose a local color when the relevant custom source is enabled.

Heading ColorConditional

Choose a local color when the relevant custom source is enabled.

Text ColorConditional

Choose a local color when the relevant custom source is enabled.

Top Padding

Adjust within the range offered by the theme editor.

Bottom Padding

Adjust within the range offered by the theme editor.