The Guide To Using Componentized Pages
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:
Our magnesium+ formula
MADE IN THE USA
B. LACTIS B420
Maintain healthy weight*
B. lactis B420 is a bacteria strain that encourages healthy weight through reduction in abdominal fat mass and waist circumference.*
10 BILLION CFUs | USA
JUJUBE
Calm overactive mind
Jujube is a fruit used in Traditional Chinese Medicine for calming and sedation, and supports healthy cortisol levels.*
225 mg
PHARMAGABA
Enhance sleep quality
PharmaGABA® is an extensively studied neurotransmitter shown in clinical trials to enhance natural sleep quality.*
100 mg
B. LACTIS B420
Maintain healthy weight*
B. lactis B420 is a bacteria strain that encourages healthy weight through reduction in abdominal fat mass and waist circumference.*
10 BILLION CFUs | USA
JUJUBE
Calm overactive mind
Jujube is a fruit used in Traditional Chinese Medicine for calming and sedation, and supports healthy cortisol levels.*
225 mg
PHARMAGABA
Enhance sleep quality
PharmaGABA® is an extensively studied neurotransmitter shown in clinical trials to enhance natural sleep quality.*
100 mg