Activates Badges section in FW Food Menu admin and allows adding custom badges with selected Font Awesome icons and title available as a hint when listed next to meal title in menu.
Current version: 5.0.0
Release date: 03 June 2022
Requires:
- FW Food Menu 5.0.x or higher
All Features
Meal badges
Create a custom set of badges with own titles to use through menu meals and help customers find what they want.
FWFM Meal Badges Product Change Log
Version 4.1.2 (Maintenance)
released on 07 Oct 2021,
1 modification
Updates
- Admin badges sorting optimization and stability update.
Version 4.1.1 (Maintenance)
released on 06 Oct 2021,
1 modification
Bugfixes
- Meal badges SVG Chrome fix.
Version 4.1.0 (Minor)
released on 06 Oct 2021,
1 modification
New features
- New language concept uses one language file for all add-ons.
Version 4.0.1 (Maintenance)
released on 23 Sep 2021,
1 modification
Updates
- Order layout search by meal badges optimization.
Version 4.0.0 (Major)
released on 21 Sep 2021,
6 modifications
New features
- Use SVG files as icons and select colors for them.
- Set icons as PNG or JPG files.
- Select one of the 4 areas in FWFM Settings for 4 meal badges positions: Title (next to meal title), Top (above description), Bottom (under description), Order (next to order button).
- Choose one of 2 badge styles: icon or text.
- Use badges to filter meal items on the Order Online layout.
Updates
- Big CSS design styles update for site and back-end.
Version 3.0.0 (Major)
released on 08 Feb 2021,
1 modification
New features
- Joomla! 4.0 compatibility. Add-on will only work with FW Food Menu v4.0 or higher!
Version 2.1.0 (Minor)
released on 13 Jan 2021,
2 modifications
New features
- Support variations of the same language now like en-Gb, en-US.
- All original records will now be marked as records in the main language.
Version 2.0.0 (Major)
released on 24 Dec 2020,
4 modifications
New features
- Meal icons now show up in a Meals list in admin if available.
- New Color parameter that defines an icon color.
- Badges list in admin now shows a Color column with hex value, defining an icon color.
Updates
- Updated icon hint presentation. It's more contrast and obvious now.
Version 1.1.0 (Minor)
released on 17 Sep 2020,
4 modifications
New features
- - Integration into new component to work in unified admin system with improved context help.
Updates
- - Updated language constants to match new concept.
- - Updated Admin design styles for layout consistency.
- - Hover options for Admin parameters explaining the need and options.
Version 1.0.0 (Major)
released on 28 Jul 2020,
2 modifications
New features
- Admin Badges section allows creating your own badges and using next to meal titles to help users navigate a menu.
- Batch badges assignment to selected meals via Batch Operations.

Activates Badges section in Admin allowing to add custom badges using FontAwesome icons and add text labels that will show up as hints when icon is hovered on a front-end. Icons will appear next to a meal title.
Meal badges can be applied to multiple meals using Batch Operations button in Meals section in Admin.
Meal badges can be applied to multiple meals using Batch Operations button in Meals section in Admin.
Meals
Food and drinks meal items grouped in categories and shown with category settings on a front-end.
Located in
Admin Main Menu -> Components -> FW Food Menu -> Meals
Batch Operations Modal
Mass meals actions allow to select multiple items and change them all at once.
Add meal badges FWFM Meal Badges
Select badges you would like to add to selected meals next to a meal title with badge name as a hover popup.
Meal Add/Edit
Add new or modify existing meal by setting parameters below. All installed add-ons parameters will be availabe here as well.
Located in
Admin Main Menu -> Components -> FW Food Menu -> Meals -> click New/Edit button
Title bages Section FWFM Meal Badges

Badges
Use
Font Awesome
badges with hover hints added via Badges section
to add extra info to a meal title.
Badges
Meal badges
are Font Awesome
icons with text hints shown on hover and placed next to a meal title.Located in
Admin Main Menu -> Components -> FW Food Menu -> Badges
Toolbar
Buttons
New
Open a new badge edit form. Fill in parameters and save to create a new badge.
Edit
Change a badge settings. Make sure you select badges first to apply this action.
Delete
Permanently remove badges from a database. Make sure you select badges first to apply this action.
Filter panel
Filter panel contains fields, which users interact with to filter the data displayed
Search by name/hint
Text badges search by name/hint description.
Table columns
FA Icon
Font Awesome
icon set as a text code defining a certain icon according to https://fontawesome.com/
icons list.
Name/Hint
A text name/hint for an icon that is shown and a tooltip when a user hover icon on a front-end.
Color
A color selected for an icon.
Language
A 4-letter language code for multilingual websites, indicating current record language.
Badge Add/Edit
Add a Meal Badge by choosing a
Font Awesome
icon from Icons list at https://fontawesome.com/
(Icons page).Located in
Admin Main Menu -> Components -> FW Food Menu -> Badges -> click New/Edit button
Toolbar

Buttons
Save
Save all badge parameters and remain on edit form. Helpful when you try different parameters and check changes on a front-end.
Save & Close
Save all badge parameters and close edit form going back to
Badges
list.
Save & New
Save all parameters for a current badge and open a new badge edit form.
Save as Copy
Create a new badge based on a current badge settings and remain on edit form.
Cancel
Dismiss all changes and close
Edit badge
form.
Badge details Section
Name/Hint
A text name/hint for an icon that is shown as a tooltip when a user hovers badge/icon on a front-end.
FA Icon
Look up Font Awesome 5 Pro
icons codes at https://fontawesome.com/
(Icons page) to choose a matching icon for a badge. For more details read documentation (Docs).
Example: fal fa-star
Color
Define a
hex color
constant with a picker to change default icon color. By default meal badge icon will have the same color as a meal title. Hex color example: #26f3e7
.