Add powerful menus to your Joomla websites with the AllWebMenus Component & Add-in

Step 1 - Download the component's ZIP file

Release Version: 1.1.8   what's new Download link: Download the Joomla component Distribution Size: 356 KB Requirements: The current version of Joomla "Component" (i.e. installed on your Joomla site online) requires that AllWebMenus PRO v5.1.772 or above is also installed in your computer. The Joomla "Component" is compatible with version 1.5.x (1.5 NATIVE) of Joomla. To find out the version of your current AllWebMenus installation, open the program, click the [Help] menu and then the [About] item. Download the latest AllWebMenus version if you do not have it installed yet. The "Add-in" (i.e. the functionality inside the AllWebMenus application) already exists inside your AllWebMenus installation by default (v5.1.772 or above), so there is no download link to install separately.

 

Step 2 - Install the plugin to your Joomla site

• Login to your Joomla administrator area
• Install the component by selecting the "Extensions > Install/Uninstall" item of the Joomla administration menu

 

Step 1 - Configure your menu

While in Joomla:

• Login to the Admin area of your Joomla site
• Go to the "Components -> AllWebMenus -> Generate Menu Structure Code" item of the Joomla administration menu
• Select from the list which Joomla menu you want to import to the AllWebMenus application and go to the next step
• Select the items of the menu that you do not wish to update in AllWebMenus (if the menu has already been edited in AllWebMenus) both for the <Text> and the <Link> property of the items
• Select "Generate Menu Structure Code"
• Copy the generated code
• Switch to the AllWebMenus desktop application and go to the "Add-ins -> Joomla Menu" options:
  
  
  
  
• Choose the "Import/Update Menu Structure from Joomla" option (item [2] on screenshot)
• Paste the "Menu Structure Code" previously copied from Joomla
• Configure further your menu (colors, borders, effects, styles, etc.) through the AllWebMenus properties or add your own custom items with their own external or internal links

 

 

Step 2 - Choose how/where the menu is positioned in Joomla

While in AllWebMenus, choose the <Positioning> property (or click the "Menu Positioning" button).

There are three different ways to position your menu on your pages:

• "Relative to Window":
  To position your menu relative to the browser window you only need to set the Window Anchor and the X and Y Offsets in the Menu Positioning options.


• "Relative to an Element":
  In order to position your menu relative to an element in the Joomla site you should first of all find the ID of that element. In order to do that you should preview your page (click on the "Preview" link in the top right of the Joomla administration page) and view its source code. Because of the fact that not all the elements generated by Joomla have IDs you should position your menu relative to an element that does have one. Copy its id value, select "Relative to an Element" positioning in AllWebMenus and paste the value into the "Custom ID" property under the "Element Anchor ID" options. Don't forget to set the "Element Anchor", the "Menu Anchor" and the offsets that you want your menu to have.
  
  If for example you want to add it to an element like
  
  <div id='header'> (...) </div>
  
  then you should copy the 'header' value and paste it into the "Custom ID" property.
  If the element does not have an 'id' property, then you have to add the 'Element Anchor ID (Default ID)' to the element's attributes.
  
  
• "Relative to an Image":
  This is the recommended positioning method if you want to position your menu relative to a specific place in your page (it can be easier than the previous one). Because of the fact (described also above) that not all the elements generated by Joomla have IDs, positioning a menu relative to an element can be easily achieved by using this method.
  
  If you want to use one of the images in your site, then find the name of the image and add its name in the "Image Filename" box of the "Relative to an Image" tab in the Menu Positioning options.
  
  If you don't have or don't want to use one of the existing images, you have to add a Custom HTML Module in Joomla (Module Manager > New > Custom HTML) and import an image there (a transparent 1x1 image created for such use can be found in the Joomla folder inside AddIns where AllWebMenus is installed in your machine under the name allwebmenusanchor.gif). Position the module where you want your menu to appear, and then add the image's name in the "Image Filename" box of the "Relative to an Image" tab in the Menu Positioning options.
  
  Don't forget to set the "Image Anchor", the "Menu Anchor" and the offsets that you want your menu to have.

View how positioning works through detailed examples/use cases >

 

 

Step 3 - Setup, Compile and Upload the menu

While in AllWebMenus:

• Choose the Domain where the menu will be used through the "Add-ins -> Joomla Menu -> Setup Joomla Menu/Choose Domain" (item [1] on screenshot).
  Note: Domains are based on "Server-Side Menus API domain licenses" and therefore you need to use and purchase them as such. Click here for domain purchase info and licensing details.
  
  
• Compile the menu using the "Add-ins -> Joomla Menu -> Compile Joomla Menu" (item [3] on screenshot).
  Note: When asked for "Site_Root folder" use any local folder on your hard drive you like for the compiled files to be produced. These files will be added in a ZIP file that will contain all the necessary menu files.
  
  
• Upload the compiled menu (the ZIP file mentioned above) via the Joomla administrator area. Go to "Components > AllWebMenus > Upload Compiled Menu ZIP file", select the menu file from the location you selected above and upload it. Your AllWebMenus menu has been successfully uploaded and installed. You will now be able to view the menu on your Joomla website. If you do not see the menu, please check one of the following:
  • You forgot to enable the AllWebMenus menu through the "Plugin Manager"
  • Your menu is positioned "Relative to an Element" (or Image) but you did not specify an available "Element ID" or "Image Name" in the related property of AllWebMenus
  Note: It is necessary to enable the AllWebMenus menu the first time you upload your menu!