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
1. Create the Highlights metaobject
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 |
2. Add Highlights entries
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:
3. Create product metafield
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
4. Assign metafield to products
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.
5. Display Highlights
5.1 Product page and Featured Product
In the theme editor, add a Highlight block to display the product highlights.
5.2 Product card
Highlights are automatically displayed on product cards when the product has Highlights assigned.
