Available from Athora 2.0.0 and later versions
The Highlights feature lets you add custom icons and text to products to showcase key features, benefits, or selling points.
Highlights can be displayed on:
Product pages
Featured products
Product cards
Go to Settings → Custom data → Metaobjects and create a metaobject named Highlights.
Add the following fields:
Field Label/Key | Field Type | Value Type |
|---|---|---|
Icon | Image (file) | One value |
Text | Single line text | One value |
Create entries for the Highlights metaobject.
For each entry:
Upload an icon.
Enter the corresponding highlight text.
Save the entry.
Note: Upload SVG icons to enable color changes. Other formats won’t change color.
Follow the video to add Highlights entries:
Create a new product metafield with the following settings:
Name: Theme Highlights
Namespace and Key: theme.highlights (required)
Type: Metaobject → select the Highlights metaobject created in Step 1
Value: List of value
Go to the product where you want to display highlights.
Find the Theme Highlights metafield and select the relevant Highlights entries.
Save the product when finished.
In the theme editor, add a Highlight block to display the product highlights.
Highlights are automatically displayed on product cards when the product has Highlights assigned.
