Highlight Groups

Highlight Groups allow you to organize your Highlight Boxes and display them in different locations on your Shopify product pages.

Instead of displaying all highlights together in a single section, you can assign highlights to different groups and place each group independently wherever it best fits your product layout.

For example:

  • Display a group of highlights below the product title to showcase key selling points.
  • Display another group above the product description to highlight product specifications, shipping information, or return policies.

This gives you greater flexibility to create a clean, organized, and conversion-focused product page.

Note: Highlight Groups are available on the Pro plan and above.

Assigning a Highlight to a Group

You can assign a Highlight Group while:

  • Creating a new Highlight
  • Editing an existing Highlight

Simply select the desired Highlight Group in the highlight settings.

Screenshot 2026-07-02 111641.png

Using Highlight Groups with Online Store 2.0 App Blocks

If you're using an Online Store 2.0 theme, you can also choose which Highlight Group to display directly from the Prime Highlights App Block.

This allows you to place different Highlight Groups in different sections of your product page without editing your theme code.

Screenshot 2026-07-02 111730.png

Using Highlight Groups with Theme Integration Code

If you're manually integrating highlights into your Shopify theme, use the primehGroup parameter to specify which Highlight Group should be displayed.

Example: Display Highlight Group 2

{% render 'primeh', hideAssets:'0', primehGroup:'2',product: product %}


Default Highlight Group

If you do not specify the primehGroup parameter in the integration code, the app will automatically display Highlight Group 1.

For example:

{% render 'primeh', product: product %}

This will display all highlights assigned to Group 1.

Highlight Group Limit

You can display up to 3 Highlight Groups on a single product page.