The Joomla! 3 administrative console in my installed version (Joomla! 3.1.5 Stable) plus at least a Joomla! demo web site showcase menus that don't switch to an article if you press them, but present only the drop-down menu at first. The rendered article (i.e. the content below the menu) only changes once a menu-item is selected/clicked.
For instance, visit demo.joomla.org. The content below the menu reads "Joomla! is a free, open source content management system ..." Now if you press e.g. "Joomla!" inside the menu, a drop-down list appears, but the cited text does not change yet. Only if you press a particular menu item it changes (currently e.g. to "Joomla! 2.5.16 Released ...").
I would like to accomplish the same behavior in a Joomla! 3-powered web site but haven't yet been able to do so. On my site (sorry, not yet available to the public) clicking a menu of this kind brings up the article, and so far I have found no way to prevent that. I'm referring to articles because my menus are of type "Single Article". I've looked at other menu item types too but they did not seem to offer a solution either.
So can the behavior the demo site's menus be accomplished (without installing further extensions), and if so how? After all, the demos are surely hosted on Jooma! servers :) Perhaps this is a matter of choosing an appropriate template? But then, the solution does not seem obvious and googling reveals different opinions as to whether this is/was possible at all.
UPDATE The following is a depiction of what I get when changing the menu item type for "Open Source" from "Articles | Single Article" to "System Links | Text Separator": it now looks odd and no longer seems to function as a menu (no drop-down effect). In the HTML source the CSS classes assigned to the three menu items are "item-x current active", "item-y divider parent", and "item-z parent" respectively. (Why isn't "Open Source" marked active?)
UPDATE I am using the protostar template (marked as Default for Site under Extensions | Type Manager).
Create the top-level menus as System - Separator; this means they have no link attached, but only serve the purpose of organizing (sub)menu links.
Then when you click them, based on the setup of your menu module, they will show the sub-items. Beware, the most common behaviour is not to wait until clicked, but simply show the submenu items when hovered (when you bring the mouse over them). But the event they respond to depends on the module (mod_menu), its template override, and other scripts your template may load.
Update:
If you're using mod_menu, in the module list it will be listed as Menu; if you were using another menu module, I guess you would remember installing it :-)
I am not a protostar / twitter bootstrap fan so I can't help you much on it, but dropdown menus are definitely supported, I just tried putting the menu in the position navigation, with
"Menu Class Suffix" = " nav-pills nav-dropdown"
and it worked correctly with dropdowns on hover. As per having dropdowns on click instead of hover, look at this guide
Related
The site I'm working on has its main menu in the "Navigation" section in gantry. I have another 2 menus on the page (in the "header" area), though they don't actually link anywhere. They exist as "text separators" that show a module in the dropdown box that shows when the "link" is hovered over (so one is a spyglass that shows the search module in the dropdown).
When i shrink the screen size, gantry eventually causes the menu to disappear an then enables the mobile menu, accessed by the burger button.
The problem is, instead of hiding the actual main menu in the navigation section, it's hiding the first "fake" menu search button in the header section.
I can't see anywhere to set which menu is the one that should be hidden. How do i do this?
Been stuck on this since yesterday. Finally caved and post about it on this site then find the answer 20 minutes later, naturally.
I needed to check the box marked "Mobile Target" on the menu i want to be the one to be hidden. I thought this did something else so never tried using it but it seems so obvious now.
I followed this tutorial to create some hidden aritcles with a hidden menue assigned to them http://docs.joomla.org/How_to_control_m ... _menu_item
If you go on this site http://fonag.org.ec/inicio/el-agua.html you will see a picture. Clicking on the paw in the picture (bottom left) is supposed to result so show a new picture, with the same appearence of the site. But clicking on the link, the site changes completly. The top images goes away as well as the menu on the left.
I assigned the same modules which are assigned to "El agua" to the hidden menue as you can see on this screenshot
http://s12.postimg.org/oydbyj7vh/module_Manager.png
In fact, both menus have the same modules assigned as you can see here
Hidden Menu
http://s12.postimg.org/9bm2l5u3h/hidden_Menu.png
El Agua
http://s12.postimg.org/lc7ilw1i5/el_Agua.png
Why is it not displaying? Working on Joomla 2.5 here.
Solved it.
AS you can see in the screenshot the Menu Item is not published.
In order to work properly, it needs to be published.
Do not assign any moduls to the Menu (but to the menu item). That way, the menu stays hidden while with the assignment of the modules to the menuitem position and appereance can be controled.
Hope that will help someone in the future.
I would like to create a page in Joomla without showing it in a menu.
That would be easy when the URL could be from the root, e.g.
www.mysite.com/hiddenpage
I would just make a menu without module to show it and assign a menulink to that hidden menu.
However the url should be
www.mysite.com/parentpage/hiddenpage
So the page should be linked to another existing page as a childpage but without showing in the menu.
So far this seems not possible?
Am I overlooking a feature in Joomla which would allow me to simply deactivate visibility in the menu without preventing the page from being accessed from the internet?
Or perhaps is it possible to edit or override a core component to force Joomla to allow this behaviour?
UPDATE:
Too much thinking in one direction...
The solution to do this is to edit the menu-item > linktype > css give it class "hide" (integrated bootstrap class) to just block visibility in the menu...
It's possible but a litle bit tricky. Try these steps :
Create a new two articles, name it as you wish (for example Article A and Article B )
Create a new menu group (from your administrator page go to : Menus > Menu Manager > Add new menu, name it as 'Hidden Menu'
Create a new Single Article menu item (under the 'Hidden Menu'), choose 'Article A' as as the article source and type 'parentpage' in the Menu Title field
Create a new Single Article menu item (under the 'Hidden Menu'), choose 'Article B' as the article source, choose 'parentpage' menu as the parent item and type 'hiddenpage' in the Menu Title field.
Now both of urls www.mysite.com/parentpage and www.mysite.com/parentpage/hiddenpage should be accessible now
As others have mentioned you can find extensions to modify URLs or hide the menu items using CSS, but these can require quite a bit of work especially if this is a one-off or once in a while situation.
However, there is one way to do this with Joomla as-is and will work with any type of menu items, not just articles. These instructions assume you already have a 'hidden' menu setup.
In a hidden menu, create menu items (or move them if they already exist) for parentpage and hiddenpage.
Set parentpage as the 'Parent Item' option in the hiddenpage menu item. Basically, create the page/subpage structure you'd like to see in the URL.
On your visible menu, create a 'Menu item Alias' (under 'System Links') menu item. Set the 'Menu item' option to the parentpage (listed under the hidden menu).
Enjoy. Parentpage is a visible menu item. hiddenpage is available at www.mysite.com/parentpage/hiddenpage
-Nick
No this is not possible with Joomla.
There are several options for you to achieve the same result, I list them in order of ease.
Use joomla redirect component. Simply tell the user to surf to the url he wants, he will then find it in the administrator - components - redirect, where she can insert the non-sef url.
Tell them to use a different prefix: i.e. create a hidden menu where they will add the direct links;
Additionally, in order to remove the id from the url you can:
Install simplecustomrouter extension, it should do the job out of the box but some coding may be required on your part in order for it to work properly; extremely lightweight.
Go for a blasoned SEF extension such as sh440sef, this will add some overhead and may require a lot of work in configuration.
FOR JOOMLA 3.X:
While editing the childmenu just set (under "Linktype") "Display in menu" to "no"... it's simple like that!
Here's a reference to the joomla.docs site
https://docs.joomla.org/images/6/6f/Help-3x-menus-menu-manager-new-menu-item-link-type-en.png
if link is broken just search for "edit menu linktype joomla 3" in future.
I'm glad I can return the many saved searchtime to y'all stackpeople. Go on Community!
I am currently updating a web page for a company who are still using the very old Joomla 1. When creating a new menu item, I have found that an article is needed in order to create the page.
My problem is the fact that there is no option to alter the location on the page of the article. For modules, this is not a problem as there is an option which can be used to choose the specific location. For articles there is no such option, which has been of grave annoyance as they simply crop up here, there and everywhere!
If it is of any assistance the theme which is being used is contained here: http://demo.rockettheme.com/?template=versatility4
Regards,
Chri3
I dont think this has changed in any version of Joomla, but it has been so long since I have looked at a Joomla 1 installation, I could be way off. Additionally, I dont have one to look at for reference.
So here goes my scientific wild &^#%! guess. When you create a menu from the menu manager in Joomla, you have to select a "menu item type". This could be a single article layout, category layout, blog layout, or link to another installed component, ect... I think its one of the first options in the menu item manager.
Then once you select "single article" there should be a dialog box that allows you to select or manually enter the article you would like to display for that menu item. Hope this helps!
Open up your templates index.php file and look for the following code...
<jdoc:include type="component" />
This is the call to the "main component" in your case would be the content component. You can move this anywhere within index.php and your article will display there
I am porting an existing site to Joomla 1.5. The menus on the existing site use rollover images and inline Javascript. How can I make the menus look the same in Joomla and use the Joomla menus, without rewriting the menu code?
It ended up being rather simple, actually. Joomla renders menus as <UL><LI><A> tags. All I had to do was extract the background from one of the menu images (both in selected and unselected state), set a images as the background in each of the styles in the Joomla CSS, and voila, it almost looks exactly like the old site (minus a slightly different font, since the text is no longer part of the image).
To show a menu item as an image, edit your menu item and select an image under the Parameters (System) heading (This list automatically populates with the images in the images/stories folder).
You will also need to set the module for the menu to display the images you set. Go to Extensions > Modules, then select the module for your menu (for instance, Main Menu). From there, select Other Parameters and then set Show Menu Images and Menu Image Link to Yes.
The rollovers will be a bit trickier. You won't be able to add inline JavaScript, but you might be able to use JavaScript to find your menu and assign rollovers to each item. Joomla ships with MooTools, or you can use jQuery if you're more comfortable wit hit. Use the Menu Tag ID field under Advanced Parameters to give your menu ul element an HTML id.