I would like to create a Sidebar Menu style in the Front End of a Joomla 4 site that looks, feels and behaves similarly to how the current left sidebar Menu of the back end is. Including the option of collapsing the whole Menu to icons only and retain the current sub-menu selection, when expanded again.
Can anyone please tell me if this is possible without using any additional Modules, Components or Templates?
If not, can you please point me to a Module, Component or Template that can do this?
Related
I am currently working with Magento 2.1.1 and have the Sebwite sidebar (https://github.com/Sebwite/magento2-category-sidebar) working along with the original Luma top menu.
The problem is that when I change the top menu's items, the sidebar will do the same. So, both seem to be configured as "root menu".
What I want to achieve is 2 menus containing different items.
I haven't been able to find the solution here or elsewhere on google. Hope anyone can help.
this extension shows categories and child's on the side bar. if you wand to show side bar menu and it is different from top menu, this extension is not useful for you.
you should use sidebar menu extensions
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.
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
I am integrating blog(wordpress) into our magento site. I am at the point to update handler in the blog.xml file. I want to display in sidebar only the blog menu but not other menus that are by default in the right sidebar. I know i can remove the right sidebar all together but then there is not sidebar to attach my blog menu.
How to do this - add single menu and remove rest of the menues in the sidebar?
Thank you,
Margots
Hy,
you can use unsetChild to remove content from any bar you like, and append to add
any block you want.
See here how to use:
Magento Layout Files Reference
Or remove the complete sidebar and set your block you want to show in your sidebar with as="right"
in your layout update xml.
Z
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.