šablona Helix jak zajistit automatické zavírání Off-canvas Menu / onepage

Krásný den všem přeji,
prosím, neřešil někdo následující zádrhel?
Šablona Helixultimate, vytvořila jsem si variantu Onepage. Obsah tvořím pomocí PB Joomshaper.

Jde o tento web:
www.ordinace-iveg.cz/
nebo i tento
www.kryobody.cz/

Nefunguje automatické zavírání nabídky Off-canvas Menu na mobilu, když najedu na další položku nabídky - musí se zavřít křížkem (i v případě, když Off-canvas menu povolím zobrazení na pc) viz screen, takže obsah stránky není vidět...a návštěvník webu musí dumat co s tím...Klikne na křížek a dobrý.  Ale já bych chtěla, aby se nemuselo klikat na křížek, aby se zobrazil obsah hned.

V nastavení šablony to není možné přizpůsobit.
Ano dočetla jsem se, že Helix není uzpůsoben na vytváření onepage.
Dočetla jsem se i nějaké tipy, jak upravit šablonu, aby se off canvas menu automaticky zavíralo při najetí na požadovanou nabídku...zkoušeli jsme, nefungovalo. Byly další tipy, nezkoušeli jsme zatím.
Koukala jsem, že některé komerční šablony Onepage to umí a některé překvapivě ne.

Mě nyní jde o to, zda to prosím náhodou někdo řešil? zda neznáte nějakou jednoduchou vychytávku?

Zvažuji zda si koupit komerční šablonu, která to umí (např. zde  themeforest.net/item/enigma-creative-res...la-template/16016260 , demo-joomla.chipblue.net/enigma/index.php/home/agency - tady jim to pěkně funguje - ale takovou šablonu zas nepropojím s PB joomshaper :-( ja si ji potřebuji přízpůsobitt cca, aby vypadala jak je  ) 
Nebo zda si nechat napsat nějaký kod/styl  na zakázku (na to bych asi někoho měla), který mi šablonu upraví a budu ho moci používat i na jiných webech,
Nebo jiné řešení?   

Co byste mi prosím poradili? Děkuji Hezký den přeji.

Sylvie

 

Nevěřte Františkovi všechno co říká
On by nejraději aby lidi používali to co napíše že je super (zejména produkty od českých firem) a zde kupodivu nejde k jádru problému.
Používat jinou šablonu jen proto že umí nějakou funkci a že zrovna ji vytvořil mi přijde trochu manipulativní.

Problém se dá vyřešit totiž velmi jednoduše.

V hlavním javascriptu šablony od Helixu:
www.ordinace-iveg.cz/templates/shaper_helixultimate/js/main.js
je část věnovaná Off-canvas-menu// Offcanvs
$('#offcanvas-toggler').on('click', function (event) {
event.preventDefault();
$('.offcanvas-init').addClass('offcanvas-active');
});

$('.offcanvas-toggler-secondary').on('click', function (event) {
event.preventDefault();
$('.offcanvas-init').addClass('offcanvas-active');
});

$('.offcanvas-toggler-full').on('click', function (event) {
event.preventDefault();
$('.offcanvas-init').addClass('offcanvas-active full-offcanvas');
});

$('.close-offcanvas, .offcanvas-overlay').on('click', function (event) {
event.preventDefault();
$('.offcanvas-init').removeClass('offcanvas-active full-offcanvas');
});

$(document).on('click', '.offcanvas-inner .menu-toggler', function (event) {
event.preventDefault();
$(this).closest('.menu-parent').toggleClass('menu-parent-open').find('>.menu-child').slideToggle(400);
});

Zde jsou pomocí jQuery nadefinované události - takzvaně - co se stane když.
Jak vidíte, menu se zavírá kliknutím na prvek .close-offcanvas a zavře se tím že z prvku body se smaže třída .full-offcanvas
Taže si mohu zde napsat svůj kus kódu, zvolit jiný prvek na kliknutí a provést stejnou činnost - zavření menu

Takže je třeba upravit tento JS, aby když kliknete na položku menu nastalo to samé == odmazala se třída .full-offcanvas z elementu body

Pro zkušeného JS programátora nebo výrobce frameworku je to otázka 3-5 minut upravit.

Takže napište dotaz na výrobce jak upravit tento JS nebo počkejte na nějakého JS programátora, který to zde napíše.

Předělávat šablonu je ta poslední věc, co bych já osobně řešil, i když bych tím udělat radost Františkovi.

P.S.
Nějakým kouzlem (předpokládám instalací doplňků co umí právě to co se mi líbí bez zjištění komaptiblity) tam na webu máte chybu jquery, která pokud se neodstraní, nemusí některé JS fungovat (a to se týká i toho off canvas menu).

To je zvláštní. Já nic jiného než Joomshaper šablony a Helix nepoužívám. Teď jsem koukal na několik svých webů. Normálně se mi po kliknutí menu zavře.

Martin70 napsal:

To je zvláštní. Já nic jiného než Joomshaper šablony a Helix nepoužívám. Teď jsem koukal na několik svých webů. Normálně se mi po kliknutí menu zavře.

 

ale tyď jsem to psal.
mrkni na ten web:

P.S.
Nějakým kouzlem (předpokládám instalací doplňků co umí právě to co se mi líbí bez zjištění komaptiblity) tam na webu máte chybu jquery, která pokud se neodstraní, nemusí některé JS fungovat (a to se týká i toho off canvas menu).

Martin70 napsal:

To je zvláštní. Já nic jiného než Joomshaper šablony a Helix nepoužívám. Teď jsem koukal na několik svých webů. Normálně se mi po kliknutí menu zavře.


 

Menu se zavře, pokud web není udělaný jako ONEPAGE.  Nebo mi prosím můžete poslat odkaz na nějaký web, který máte postavený jako ONEPAGE na helixu + joomshaper a menu se zavírá? díky
 

Hezký den přeji, děkuji za podrobné info Rudolfe, oceňuji! 
Tušila jsem, že tam někde mám chybu, protože mi nefungoval web, když jsem přepsala .htaccess  (a řešení jsem odsouvala na později... )

Takže jsem udělala to, že jsem si na jiné své pracovní doméně test.vnitrnivesmir.cz/ nainstalovala znovu Joomlu, helix a jomshaper.... udělala nějakou nabídku s články a vše cajk.
Pak jsem do pagebuilderu naimportovala šablonu ordinace a stále dobrý, of-canvass menu se zavíralo automaticky  DOKUD jsem nenastavila web jako ONEPAGE. Jakmile jsem do nabídky nasázela odkazy #aktuality atd... tak to přestalo automaticky zavírat...

Dle rady Conyho (děkuji!)  jsem do šablony nahrála uvedený kód - nahrála jsem to sem - viz screen (snad dobře?) - nezabralo.

Přepsat .htaccess už šlo, web na pracovní doméně funguje. Takže jsem snad novou instalací odbourala nějakou vámi zmíněnou chybu... ale pokud tam je chyb víc, tak nevím kde a zda to nutné řešit a jak...

 

Sylvie napsal:

Menu se zavře, pokud web není udělaný jako ONEPAGE.  Nebo mi prosím můžete poslat odkaz na nějaký web, který máte postavený jako ONEPAGE na helixu + joomshaper a menu se zavírá? díky

Kdysi jsem dělal OnePage web z šablony OneClip, tam se to určitě zavíralo. Ale byl tam teda Helix3, ne Helix Ultimate.

Ano, vypadá to že aktuální šablona na helix ultimate neumí one page checkout (myšleno kotvy v menu), díky neodladění v základním scriptu šanlony.
Toto je klasická ukázka na dotaz na výrobce šablony.

Z těchto důvodů (problémy se šablonou) tehdy (v roce 2011) vyhrála firma Joomlart, která zdarma v rámci subscription nabízela úpravy na zákaznických webech, pokud byl problém s jejich aplikacemi.
Mě tehdy upravili nějaký šílený JS pro jejich aplikaci na prodej kurzů.

Takže napsat výrobci a počkat až to zdarma opraví

P.S.
Ale nic si z toho nedělejte, on zase Joomlart neumí pracovat v OnePage s českými názvy menu, které automaticky přenáší do název kotev jako ID sekcí, kam se přesouvají kotvy z položek menu, takže jsme si museli napsat kus svého JS a funkci na mapování non-latin písmenek, aby tohle fungovalo.

Cony!! podařilo se!!! moc děkuji za Vaši pomoc!!!
www.ordinace-iveg.cz/

V příloze je vidět, kam jsem kod umístila, může se někomu hodit



Mějte se krásně
Sylvie
 

Je třeba ale taky řící že jde o workaround == obezlička aby to v této dané chvíli fungovalo.
Prostě kód, který opravuje něco co má být správně již v základním kódu šablony - stačí se jen dohodnout s výrobcem, pak by byl upraven základní soubor script.js šablony.

V případě že do odkazu v menu nedáte kotvu, tak Vám to nebude fungovat.