In this article, we will go through some of the main points in setting up the J51 Menu module. This simple but versatile module is a perfect solution for any restaurant, bar or cafe related website looking to display a clean and stylish online version of its menu. Fully stacked with a collection of layout and styling options, J51 Menu allows you complete control of your menu across all devices.
If you haven't already done so you must first install the J51 Menu module via your Joomla Extensions Manager. From your Joomla administration navigate to Extensions -> Manage -> Install -> Upload Package File. Select your module install file (mod_j51menu.zip). This file can be found in your template download in the same folder as your template install file.
Once installed you can create a new instance of your J51 News module by navigating to Extensions -> Modules -> New -> J51_Menu. Multiple instances of your Menu module, or indeed any module can be achieved by simply repeating this process.
The Menu modules settings are split across three main tabs, General Settings, Menu and Responsive Options.
General Settings
- Number of Columns - Set the number of columns to display your menu in
- Column Gap - Set the gap between each column in px
- Columns Split Group - Enable to split columns within groups
- Group Spacing - Set the vertical gap between groups in px
- Item Spacing - Set the vertical gap between menu items in px
- Group Title Tag - Set the HTML tag for group titles
- Group Title Color - Set the group title color
- Item Title Tag - Set the HTML tag for menu items
- Item Title Color - Set the menu items color
- Item Price Tag - Set the HTML tag for menu item prices
- Item Price Color - Set the menu items price color
- Item Description Tag - Set the HTML tag for menu item description
- Item Description Color - Set the menu items description color
Menu
- Menu Group - Create and title groups for your menu items. Multiple Groups can be created, moved or deleted using the options available
- Menu Item*
- Title - The for your menu item
- Description - The description for your menu item
- Price - The price of your menu item
Responsive Options
- Columns (Tab Landscape) - Set the number of columns to display your menu in on table landscape
- Columns (Tab Portrait) - Set the number of columns to display your menu in on table portrait
- Columns (Mob Landscape) - Set the number of columns to display your menu in on mobile landscape
- Columns (Mob Portrait) - Set the number of columns to display your menu in on mobile portrait