Product Highlight (ingredient)

The product highlight is primarily used for creating a grid of ingredients, but it can also be used to convey the features and benefit of any product.

In order to use this component, you must first create a Grid component on the page and then add the Product Highlights as items in the grid.

Pre-Heading Text: The name of the ingredient or feature, e.g. MAGNESIUM BISGLYCINATE

Heading: The primary benefit of the ingredient or feature, e.g. Promote deep and restorative sleep

Description: A description of the ingredient or feature and its benefit, e.g. magnesium bisglycinate is a highly absorbable form of magnesium that promotes a steady state of relaxation for deep and restorative sleep.

Sub-Label: Quantity, Country of Origin, or other data point. e.g. 120 mg, Costa Rica

Image: This shows up in the bottom right corner of the square. e.g. a photo of an ingredient.

Layouts: