FWFM Cascading Layout

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

The best way to show menu on a single page. Selecting any categories you want to show on a page you will see them exactly the way they were designed. So if you need to show very different menu styles or if all categories are styled the same way Cascading Layout will help to show them in one place without reloading the whole page.

Current version: 3.1.0
Release date: 06 October 2021
Requires:
  • FW Food Menu 4.8.x or higher

All Features

Cascading layout
Elegant and compact way to present categories in a tabbed way having each category loaded with its design and settings. Select only categories you need.
Select categories and show them in a separate <strong>Tabs</strong> like layout or show category titles as a <strong>Carousel</strong> with their own design and layout settings.
Select categories and show them in a separate Tabs like layout or show category titles as a Carousel with their own design and layout settings.
FWFM Meals Layout
FWFM Meals Layout module allows to show any selected category(ies) with its subcategories in any Joomla! template position (including article) within a selected layout.

Depending on add-ons installed following layouts can be set:

  • Standard - regular meals list layout,
  • Promo (FWFM Promo add-on) - layout that shows promo meals only,
  • Cascading grid (FWFM Cascading Grid add-on) - tab like layout that allows to show categories with their own designs in one page,
  • Order Online (FWFM Order Online add-on) - layout with search bar, category list and order total form to make an order online.

Layout
Melas list design and placement on a page according to category and layout settings.
Cascading
A Tab like layout with selected categories with their own design and layout setting. It also has a Carousel option to have categories titles listed in a row and scroll on hover. Carousel option may work and look better for categories with images and a short description text.
Addons Params
Cascading layout FWFM Cascading Layout
Tabs or slideshow layout for meal categories navigation with other parameters.
Top categories

Tabs - all selected categories are shown next to each other and then down below. Looks and works as tabs.

Carousel - one line slider that shows all selected categories as a row and scroll them as you hover and move a mouse over it.

Category block layout parameters are defined below or in a category parameters. Settings below have a higher priority.

Items in a row
A number of items shown per row for a Carousel layout.
Title image
Define if category Title image should show up and where.
Short description
Use Short description as a tag line or a short intro text right below a category name.
Menu item layout parameters
Meals Layout
Meals listing layout that show selected categories with their subcategory. Design and layout for every category can be defined for each category independently.
Located in Admin Main Menu -> Menus -> [Some Menu] -> Add New Menu item -> FW Food Menu -> Meals Layout
Layout
Melas list design and placement on a page according to category and layout settings.
Cascading
A tab like layout with selected categories with their own design and layout setting.
Cascading layout Section FWFM Cascading Layout
Tabs or slideshow layout for meal categories navigation with other parameters.
Tabs or slideshow layout for meal categories navigation with other parameters.
Top categories

Tabs - all selected categories are shown next to each other and then down below. Looks and works as tabs.

Carousel - one line slider that shows all selected categories as a row and scroll them as you hover and move a mouse over it.

Category block layout parameters are defined below or in a category parameters. Settings below have a higher priority.

Items in a row
A number of items shown per row for a Carousel layout.
Title image
Define if category Title image should show up and where.
Short description
Use Short description as a tag line or a short intro text right below a category name.