Setting up the J51 Menu module

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

 

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok