Please add an option to use an off-canvas menu in templates

shaulhadar
441 Posts
shaulhadar posted this 19 November 2014

Hello Themler Team.

Thanks for all your great work!
I have a wish for future updates.
Please add an off-canvas menu, especially for the responsive menu modes.

Here is a clean example of that that uses bootstrap 3 , so maybe you can see how to use this type of menu in themler:

https://jasny.github.io/bootstrap/examples/navmenu-reveal/

Thank you so much for your time,
Shaul.

Hello Themler Team. Thanks for all your great work! I have a wish for future updates. Please add an off-canvas menu, especially for the responsive menu modes. Here is a clean example of that that uses bootstrap 3 , so maybe you can see how to use this type of menu in themler: https://jasny.github.io/bootstrap/examples/navmenu-reveal/ Thank you so much for your time, Shaul.

Last edited 19 November 2014 by Support Team

Vote to pay developers attention to this features or issue.
102 Comments
Order By: Standard | Newest
DaveOzric
758 Posts
DaveOzric posted this 02 February 2018

I hope someday they add more mobile functions like the off canvas and a horizontal phone view media query set.

I hope someday they add more mobile functions like the off canvas and a horizontal phone view media query set.
Stagger Lee
1840 Posts
Stagger Lee posted this 04 February 2018

I made most simple Off-Canvas Menu.

  • Hidden template with only horizontal menu is still needed. Style it as wished, menu style is not inside section.zip.
  • Find your new off-canvas menu number and replace in "theme_hmenu_3();"
  • Insert finished section where needed. If needed fix placement as wished.

It looks like this:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_push_opacity

Admin bar on front-end is calculated for.
You need to style it for responsive by yourself. Maybe best to hide section on responsive and switch it with real (another) responsive menu, visible only on smaller devices.
But should work nice as it is on smartphones. Width is 250px only.

I made most simple Off-Canvas Menu. - Hidden template with only horizontal menu is still needed. Style it as wished, menu style is not inside section.zip. - Find your new off-canvas menu number and replace in **"theme_hmenu_3();"** - Insert finished section where needed. If needed fix placement as wished. It looks like this: [https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_push_opacity][1] [1]: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_push_opacity Admin bar on front-end is calculated for. You need to style it for responsive by yourself. Maybe best to hide section on responsive and switch it with real (another) responsive menu, visible only on smaller devices. But should work nice as it is on smartphones. Width is 250px only.

Last edited 04 February 2018 by Stagger Lee

Stagger Lee
1840 Posts
Stagger Lee posted this 04 February 2018

Here is Off-Canvas menu in fullscreen. Somehow I like it more. Garanteed it will look nice on smaller devices too, consistent.

Here is Off-Canvas menu in fullscreen. Somehow I like it more. Garanteed it will look nice on smaller devices too, consistent.
Stagger Lee
1840 Posts
Stagger Lee posted this 04 February 2018

This fullscreen off-canvas menu opens for unlimited and versatile possibilities. For SE crawl spiders it is the same, they know how to follow and index links from off-canvas menu. Be it real Themler menu, or so called "menu".
Right now in sections.zip is real TH menu. I am talking about future expansions.

  • Instead to call "theme_hmenu_3();", you call whole hidden TH template.
  • Instead of real TH menu you add finished sections from TH Clipart and manually link images, text, icons to where normally real menu would lead visitors.
  • This way you still keep TH options for styling for different devices. Megamenu blocks say 4 columns for desktops, menu blocks 100% width, one column for smartphones. Easy with TH.
  • You want to call custom fields in "menu", widgets, custom PHP code, anything. No problem, just add them to hidden menu template. Or directly via Home template, no need to ever open hidden template.

This fullscreen off-canvas menu opens for unlimited and versatile possibilities. For SE crawl spiders it is the same, they know how to follow and index links from off-canvas menu. Be it real Themler menu, or so called "menu". Right now in sections.zip is real TH menu. I am talking about future expansions. - Instead to call "theme_hmenu_3();", you call whole hidden TH template. - Instead of real TH menu you add finished sections from TH Clipart and manually link images, text, icons to where normally real menu would lead visitors. - This way you still keep TH options for styling for different devices. Megamenu blocks say 4 columns for desktops, menu blocks 100% width, one column for smartphones. Easy with TH. - You want to call custom fields in "menu", widgets, custom PHP code, anything. No problem, just add them to hidden menu template. Or directly via Home template, no need to ever open hidden template.

Last edited 04 February 2018 by Stagger Lee

shaulhadar
441 Posts
shaulhadar posted this 07 February 2018

Stagger you are the man! I was wandering if you can please attach the themler starter theme with the full screen menu? I want to see if I can work with this....

Thanks so ,ugh for your help, it is appreciated greatly! Also, please send me a message on my email, shaulhadar@gmail.com, I would be really happy to talk to you about some stuff....

Stagger you are the man! I was wandering if you can please attach the themler starter theme with the full screen menu? I want to see if I can work with this.... Thanks so ,ugh for your help, it is appreciated greatly! Also, please send me a message on my email, shaulhadar@gmail.com, I would be really happy to talk to you about some stuff....
Stagger Lee
1840 Posts
Stagger Lee posted this 07 February 2018

Hi Shaul,
will do it over weekend, right now I have not much time. Will send you an email.

I will do it for starter theme. Where do you want hamburger icon precisely placed ?

For some strange reason theme_body and do_shortcode do not work in this off-canvas menu. So I was forced to use classic call PHP file (include). There is another simple trick to call template, but only Posts part. Difficult to insert any control there, compared to insert before and after content part. This Posts (Blog, index) part of hidden template is literally useless when trying to imitate mega Menu or any menu. it has to be custom TH control, or imported Sections from Clipart.

Second problem is that TH edit screen calculates everything relative to xxxxx_preview theme. So any native WP call of template results in wrong calculated and coded link in real theme.

Will try this time shortcode control, function in functions.php and call templete this way. But I guess it will be the same, xxxx_previev in link. No matter, as PHP file call works, but do not like writing absolute link there. Any changes in URL, transfer to new domain, and it does not work anymore.

I sincerely believed before you can insert any control inside CMS part od Posts listing. But not. For instance a Section cannot be added before, after Posts but inside CMS part.

Hi Shaul, will do it over weekend, right now I have not much time. Will send you an email. I will do it for starter theme. Where do you want hamburger icon precisely placed ? For some strange reason theme_body and do_shortcode do not work in this off-canvas menu. So I was forced to use classic call PHP file (include). There is another simple trick to call template, but only Posts part. Difficult to insert any control there, compared to insert before and after content part. This Posts (Blog, index) part of hidden template is literally useless when trying to imitate mega Menu or any menu. it has to be custom TH control, or imported Sections from Clipart. Second problem is that TH edit screen calculates everything relative to xxxxx_preview theme. So any native WP call of template results in wrong calculated and coded link in real theme. Will try this time shortcode control, function in functions.php and call templete this way. But I guess it will be the same, xxxx_previev in link. No matter, as PHP file call works, but do not like writing absolute link there. Any changes in URL, transfer to new domain, and it does not work anymore. I sincerely believed before you can insert any control inside CMS part od Posts listing. But not. For instance a Section cannot be added before, after Posts but inside CMS part.
shaulhadar
441 Posts
shaulhadar posted this 07 February 2018

Hi Stagger, thanks for getting back to me...

The hamburger i think should be in the right corner of the header perhaps? or maybe in the left corner of a container under the header....

It will be great if you will have a sec to drop my a message when you have some time :)

Please check what you said, it sounds interesting...

Thanks,

Shaul.

Hi Stagger, thanks for getting back to me... The hamburger i think should be in the right corner of the header perhaps? or maybe in the left corner of a container under the header.... It will be great if you will have a sec to drop my a message when you have some time :) Please check what you said, it sounds interesting... Thanks, Shaul.
Stagger Lee
1840 Posts
Stagger Lee posted this 07 February 2018

Yes, worth to mention. Anyone using those ZIP Sections will have to go inside CMS Control and change this absolute link. Right now it links to my localhost installation. And change number of hidden template.

Yes, worth to mention. Anyone using those ZIP Sections will have to go inside CMS Control and change this absolute link. Right now it links to my localhost installation. And change number of hidden template.
Linkebel
163 Posts
Linkebel posted this 07 February 2018

It's crazy we're at the point where the users take the role that should be that of the Themler team.

What a decadence.

It's crazy we're at the point where the users take the role that should be that of the Themler team. What a decadence.
Stagger Lee
1840 Posts
Stagger Lee posted this 07 February 2018

Forget about it, not worth to complain. Last update was for sales only, Black Friday.

32 bug and other fixes. And only 4 new additions.

Forget about it, not worth to complain. Last update was for sales only, Black Friday. 32 bug and other fixes. And only 4 new additions.

Last edited 07 February 2018 by Stagger Lee

Stagger Lee
1840 Posts
Stagger Lee posted this 10 February 2018

@shaulhadar, what would you like. Fullscreen menu with simple TH menu or with sections and blocks ? Those 2 are very different and need different approach and code.

@shaulhadar, what would you like. Fullscreen menu with simple TH menu or with sections and blocks ? Those 2 are very different and need different approach and code.
Stagger Lee
1840 Posts
Stagger Lee posted this 10 February 2018

Here is Default Starter Theme (With native TH menu only, nothing else !).

Hamburger icon is under header, because I would need to change much and it is not starter theme anymore. Style TH Menu and place icon wherever you need and want.

Here is Default Starter Theme (With native TH menu only, nothing else !). Hamburger icon is under header, because I would need to change much and it is not starter theme anymore. Style TH Menu and place icon wherever you need and want.
Vitaliy WD
308 Posts
Vitaliy WD posted this 10 February 2018

The best way is to create separate area "offcanvas" where you can put any control you want from Themler: logo, language selector, vertical menu, container, module/widget position. So offcanvas must be not only about menu.

Or just create one position for module/widget called "offcanvas" where you can add smth from CMS. Like a right/left position for columns.

The best way is to create separate area "offcanvas" where you can put any control you want from Themler: logo, language selector, vertical menu, container, module/widget position. So offcanvas must be not only about menu. Or just create one position for module/widget called "offcanvas" where you can add smth from CMS. Like a right/left position for columns.
Stagger Lee
1840 Posts
Stagger Lee posted this 10 February 2018

Then create and put section ZIP here or theme. Nobody is sharing anything on forum.

Then create and put section ZIP here or theme. Nobody is sharing anything on forum.
Vitaliy WD
308 Posts
Vitaliy WD posted this 10 February 2018

This suggestion to Themler Dev team :)

Now simplest way is 3rd party extensions: DJ-MegaMenu (support offcanvas and in Themler we can put this module for mobile mode only, for desctop use native Themler menu), EngageBox (you can try Side Navigation Menu trigger there), Za Canvas Menu etc.

I can't understand, why Themler support native Slideshow (there is a lot of more useful 3rd party extensions, for example Smart Slider 3), but don't want to create native offcanvas panel support, that will be more useful rather than 3rd party extensions, because then we can add inside it any controls from Themler.

This suggestion to Themler Dev team :) Now simplest way is 3rd party extensions: [DJ-MegaMenu][1] (support offcanvas and in Themler we can put this module for mobile mode only, for desctop use native Themler menu), [EngageBox][2] (you can try Side Navigation Menu trigger there), [Za Canvas Menu][3] etc. I can't understand, why Themler support native Slideshow (there is a lot of more useful 3rd party extensions, for example [Smart Slider 3][4]), but don't want to create native offcanvas panel support, that will be more useful rather than 3rd party extensions, because then we can add inside it any controls from Themler. [1]: https://dj-extensions.com/dj-megamenu [2]: https://www.tassos.gr/joomla-extensions/engagebox [3]: http://canvas.za-studio.net [4]: https://smartslider3.com
Stagger Lee
1840 Posts
Stagger Lee posted this 10 February 2018

What is there to understand. They chased away all developers and now there is nobody to code. Rest of developers they sent tu uPage project, and it is it.

Better not to mention any third party plugins here. You give them excuses.

What is there to understand. They chased away all developers and now there is nobody to code. Rest of developers they sent tu uPage project, and it is it. Better not to mention any third party plugins here. You give them excuses.
Stagger Lee
1840 Posts
Stagger Lee posted this 10 February 2018

Right now I am trying to call template from "includes" folder without getting fatal error for calling theme_blog_x() twice.
Main template cannot I call, despite it works. It includes head and footer, despite beeing disabled on this template.

Have to find some workaround it. All of this is normal behaviour, Themler is not doing anything wrong.

Right now I am trying to call template from "includes" folder without getting fatal error for calling **theme_blog_x()** twice. Main template cannot I call, despite it works. It includes head and footer, despite beeing disabled on this template. Have to find some workaround it. All of this is normal behaviour, Themler is not doing anything wrong.
Vitaliy WD
308 Posts
Vitaliy WD posted this 11 February 2018

Support Team posted this 27 September 2017

Hi,

Sorry, no exact news about that, we'll be back to the new features as
soon as we are ready. For now we keep on fixing bugs.

Sincerely, Hella

Hello Themler team.

I see that uPage released major update.
Many of users here have been waiting for this uPage update with only one wish... that you can finally return to Themler.
So, maybe you can back to Themler? And start from offcanvas?

How about new features, new users, new subscriptions and renewals for Themler?
Just give us something new for that we can pay. I'm sure that many of users will be back and renew his subscriptions.

Maybe you can create survey: Themler vs uPage - which of these products users want to have with priority?

Maybe it's time to attract serious users for Themler, grow up Themler community.
Take a new slogan for Themler: "Powerful instrument for developers" instead of "easy design tool with no skills required...".

You have excellent support team and great developers, but strange way and direction... And no marketing at all (old Artisteer banners with remarketing). Take a look to extensions.joomla.org and put there Themler banners.

> *Support Team posted this 27 September 2017* > > Hi, > > Sorry, no exact news about that, we'll be back to the new features as > soon as we are ready. For now we keep on fixing bugs. > > Sincerely, Hella Hello Themler team. I see that uPage [released][1] major update. Many of users here have been waiting for this uPage update with only one wish... that you can finally return to Themler. So, maybe you can back to Themler? And start from offcanvas? How about new features, new users, new subscriptions and renewals for Themler? Just give us something new for that we can pay. I'm sure that many of users will be back and renew his subscriptions. Maybe you can create survey: Themler vs uPage - which of these products users want to have with priority? Maybe it's time to attract serious users for Themler, grow up Themler community. Take a new slogan for Themler: "Powerful instrument for developers" instead of "easy design tool with no skills required...". You have excellent support team and great developers, but strange way and direction... And no marketing at all (old Artisteer banners with remarketing). Take a look to extensions.joomla.org and put there Themler banners. [1]: https://upage.io/questions/1196/upage-update-8-february-2018
me321
70 Posts
me321 posted this 11 February 2018

@vitaley WD,

Well said! 100% agreed. Good slogan too.

@vitaley WD, Well said! 100% agreed. Good slogan too.
Vitaliy WD
308 Posts
Vitaliy WD posted this 12 February 2018

Hope to hear something from Themler team...

Hope to hear something from Themler team...
You must log in or register to leave comments