Are you wondering how to add off-canvas content to your Joomla site? When designing your website, you may want to display additional links or content while keeping the main navigation of your site minimal and uncluttered.
Image source: wpbeaverbuilder.com
Adding an off-canvas menu can help improve the user experience and make your site easier to navigate.
Why You Might Need an Off-Canvas Module
There are several reasons why you might want to use an off-canvas menu. You can display a sub-menu located next to your page. It can even act as the sole navigation panel for your site.
Off-canvas navigation also allows you to display quick links to specific areas of your site. Thanks to the attractive structure of the off-canvas menu, this can make it easier for your visitors to find what they're looking for and keep them on your site longer.
It's also great for special offers or announcements. For example, an off-canvas menu allows you to showcase promotions without being too disruptive or distracting. You can also highlight an outstanding product or service.
Using the Off-Canvas Module on Joomla
Some Joomla developers have built-in Off-Canvas on their template, but this number is not many. If you intend to add Off-Canvas on your website, use the module below:
Buy Now ( $13 )
Demo
* It works on Joomla 3, 4, 5 and 6. You can insert any content, modules on it.
Advanced customizations include:
- Direction
- Background color
- Off-canvas size
- Custom CSS
How to use
After installing the module, go to Module Manager > New > Off-Canvas.
Fill in your content in the "Offside Content" field. To insert modules into it, within content this plugin loads a Module by ID, Syntax: {loadmoduleid <MODULE ID>} or a Module by position, Syntax: {loadposition <MODULE POSITION>} or a Module by name, Syntax: {loadmodule <MODULE NAME>}.
Next, let's set the remaining parameters. After saving the module, follow the steps in the "How to use" field to activate it.
Don't forget to set Position and Menu Assignment for it!
Demo video:
InPre-Update Check for Joomla 5.4.4
for Off-Canvas it says
Joomla cannot detect the extension's compatibility with the target version of Joomla.
have you implemented the compatibility stuff for Joomla to upgrade extensions correctly ?
Have got two off canvas menus working (1. for tools and 2. for main menu)
However I can only get the Main menu to display the first level of menu items.
Have you any suggestions for getting the sub menu items to display ?
N.B. the menu item with sub menu items does display a down arrow, but trying to click on it only display the item at the main menu level.
see
https://siteupdate.vedicmaths.org/index.php
If you want to see where I have currently got to
What is wrong?
That imported page keeps on saying this, but nothing further is happening...
1. The "radio buttons" extra field doesn't transfer the values in the additional field, e.g., "yes" or "no," and only enters certain values into the #__fields_values database.
2. The "textarea" extra field with the "Use editor" option checked converts to "textarea" when it should be "editor."
3. In K2, the extra field group is assigned in the category. In Joomla Articles, the category is assigned in the extra field. It would be nice if this were automatically completed. A checkbox could be added if someone doesn't want this option.