• Home
  • Documentation

FWFM Images

FW Food Menu tutorial for Joomla!
WordPress 5.6.x
Joomla! 3.10.x, 4.0.x

Adds images to meals listing with option to show them on to the left, right, top or hide. Having images for the category it would add a nice slide show of meals in Category List view when hovering a category. Also adds an image to category title with top/left/right option. Often category image to use group of meals listed in it.

Current version: 4.0.0
Release date: 26 June 2022
Requires:
  • FW Food Menu 5.0.x or higher

All Features

Meal image
Assign picture to a meal or a drink to show visitors what meal looks like and make online menu more attractive.
Meal image placement
Specify image placement on top, bottom, left, right per category to create needed layout for a certain menu section.
Meal title image
Add an image to a category title and put it on top, left, right for best category presentation and ease of navigation.
FWFM Images Product Change Log
Version 3.3.1 (Maintenance) released on 06 Oct 2021, 1 modification
Bugfixes
  • Fixed a double loading of the lightbox for the same meal.
Version 3.3.0 (Minor) released on 06 Oct 2021, 3 modifications
New features
  • All images are stored with the same 1:1 (square) proportion and has a crop tool on upload to select a crop area.
  • Meal image drag & drop ordering when editing a meal in admin section.
  • New language concept uses one language file for all add-ons.
Version 3.2.4 (Maintenance) released on 03 Oct 2021, 1 modification
Bugfixes
  • Meal image enlarged when the Order button was clicked, bug fixed.
Version 3.2.3 (Maintenance) released on 24 Sep 2021, 1 modification
Bugfixes
  • When Inline zoom was set, a click on order button worked as an image zoom. The bug is fixed.
Version 3.2.2 (Maintenance) released on 21 Sep 2021, 1 modification
Updates
  • Category title image now shows uploaded photo and Remove button in order to remove image completely.
Version 3.2.1 (Maintenance) released on 31 Aug 2021, 2 modifications
Updates
  • Images display optimization.
Bugfixes
  • Category images bugs cleanup.
Version 3.2.0 (Minor) released on 05 Aug 2021, 5 modifications
New features
  • New site option to zoom images inline by clicking a small preview.
  • See multiple images by hovering meal image from left to right on site menu.
  • Admin -> Meals list shows a number of uploaded images.
Updates
  • Removed Meal Image Size parameter from Admin to make images on site totally responsive.
  • Changed images lightbox background to white.
Version 3.1.0 (Minor) released on 13 Jul 2021, 2 modifications
New features
  • Multiple images for the same meal option.
  • Lightbox for a full screen preview with a slideshow for images on click.
Version 3.0.1 (Maintenance) released on 22 Feb 2021, 1 modification
Bugfixes
  • Fixed a Javascript error.
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.0.0 (Major) released on 24 Dec 2020, 3 modifications
New features
  • New Image size parameter with width and height set in pixels that autoresizes and keeps aspect ration on resize.
  • Category layout background slideshow can now be in combination with category title image.
  • Category layout Image Title parameter controls its visibility and position.
Version 1.4.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.3.0 (Minor) released on 28 Jul 2020, 1 modification
New features
  • Now you can add a title image and configure to show it on top of a title, on the left or right.
Version 1.2.0 (Minor) released on 20 Mar 2020, 1 modification
New features
  • Supports FWFM Order Basket add-on.
Version 1.1.0 (Minor) released on 03 Feb 2020, 1 modification
Updates
  • Supports category back up if images backup option is selected.
Adds <strong>Image</strong> section to <code>Meal Add/Edit </code>dialog and a <strong>Title image</strong> parameter to <code>Category Add/Edit</code>. Also <code>FWFM Images</code> enables meal slideshow in background of a category block on a <code>Categories layout</code>, if set by settings.
Adds Image section to Meal Add/Edit dialog and a Title image parameter to Category Add/Edit. Also FWFM Images enables meal slideshow in background of a category block on a Categories layout, if set by settings.
Categories
Multi-level meal Categories. Use category parameters to design unique style for a group of categories by setting parameters for parent gallery or any individual category.
Located in Admin Main Menu -> Components -> FW Food Menu -> Categories
Table columns
Title Image FWFM Images
Shows an image uploaded for a category title shown on a front-end according to a category layout settings.
Category Add/Edit
Category functional and design settings.
Located in Admin Main Menu -> Components -> FW Food Menu -> Categories -> click New/Edit button
Main settings Tab
To get into Main Settings tab in Admin panel go to FW Food Menu -> Categories -> New/Edit button in Toolbar.
Title Image Section FWFM Images
Title Image Section
Title Image
Image that can be placed near category title depending on selected position in Design & Layout tab.
Design & Layout Tab
Category layout Section
Parameters that modify category appearance.
Images FWFM Images
Images parameters for <code>Category</code> and <code>Meals</code> in it.
Images parameters for Category and Meals in it.
Category title image position
Set where category image should show up or hide it if not needed for this Category title.
Meal image position
Set where meal images should show up or hide it if not needed for this category.
Meal image size
You can specify max image width and height size in pixels here. If container will become smaller than one of the values the other parameter will be calculated keeping ratio of proportion set.
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
Table columns
Image FWFM Images
A picture of a meal Image. Only one picture can be uploaded per meal.
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
Image position Section
Set where image should show or hide it if not needed for this meal.
Image file Section
An image file for a meal to show in a menu. GIF, JPG, JPEG, PNG image formats are allowed.
Meal image Section FWFM Images
Meal image Section
Image
Meal Image shown on a front-end according to layout settings defined in category or Settings.
Settings
Global FW Food Menu parameters grouped by categories. Note that global Meals and Categories Layout parameters can be overwritten with a Category settings.
Located in Admin Main Menu -> Components -> FW Food Menu -> Settings
Design & Layout Tab
A group of parameters broken into sections to define a layout appearance and show/hide page elements with certain options.
Category layout Section
Parameters that modify a category appearance.
Title image position FWFM Images
Set where an image should show up or hide it, if not needed for this category.
Meal layout Section
Parameters that apply to meal items.
Meal image position FWFM Images
Set where image should show or hide it if not needed for this category.
Meal image size FWFM Images
You can specify max image width and height size in pixels here. If container will become smaller than one of the values the other parameter will be calculated keeping ratio of proportion set.
Menu item layout parameters
Categories Layout
Categories Layout shows categories with their titles, short descriptions. number of meals and View Menu button, depending on settings. Categories look may vary depending on a parent category or global Settings Design parameter.
Located in Admin Main Menu -> Menus -> [Some Menu] -> Add New Menu item -> FW Food Menu -> Categories Layout
Add-ons parameters
Additional add-ons parameters available for Categories layout.
Category image Section FWFM Images
Category Title image position and visibility + background Meals slideshow configuration.
Category Title image position and visibility + background Meals slideshow configuration.
Image visibility

Title image option will show only category Title image set in a category parameters. Title image position is defined by parameter below or parameter set in a category. Parameter below has a priority.

Meal slideshow is an option when a category block shows all meals images as a background slideshow for a category block. If this parameter selected only slideshow will be shown.

Both option will show Title image along with Meal slideshow at the same time.

None option will show no images at all. Neither Title image nor Meals slideshow even if images are set.

Title image position
If Title image is visible this parameter will define category image position in relation to a category title.

    © 2007 - 2022 Fastw3b LLC

Joomla! name is used under a limited license from Open Source Matters in the United States and other countries. Fastw3b LLC is not affiliated with or endorsed by Open Source Matters or the Joomla! project.

English French German Italian Portuguese Russian Spanish