Přihlásit se

Joomla! 4 Top Menu - Bettum šablona

01. kvě 2020 21:26 - 01. kvě 2020 21:49 #142272
Joomla! 4 Top Menu od H13
Admin
Ahoj,

pokud někdo z vás testujete Joomlu! 4, jistě jste si všimli, že v Joomle! 4 zmizelo vrchní menu a boční menu pro komponenty. Nahrazeno bylo bočním menu, které neobsahuje všechny položky, pouze ty základní. Tedy, zatímco v Joomle! 3 jste mohli přepínat mezi šablonami a styly dvouma způsoby, viz obrázek:



pak v Joomle! 4 se musíte pokaždé vracet do dashboardu. Analogicky to platí pro různé části systému.

Dobrá zpráva, je, že v šabloně Atum (administrační šabloně) je možnost přidání a zobrazení modulu ve vrchní pozici, a že existuje i alternativní menu se všemi položkami.

Problém ovšem bylo, že žádný core module na vrchní pozici nebyl připraven. Naštěstí ale hodně lidem vrchní menu chybí, tedy vznikl už i modul pro zobrazení vrchního menu, viz github.com/ceford/j4xdemos-admin-mod-topmenu

Jsem s autorem v kontaktu a na základě jeho projektu jsem vytvořil další modul, který oproti původnímu projektu nepoužívá externí Smartmenus knihovnu, ale standardní Bootstrap. Design jsem přizpůsobil designu Atum šablony a přidal parametr pro spuštění menu (přes click nebo hover událost).

Výsledek vypadá takto:


Pokud to tedy někoho zajímá (určeno pro staromilecké desktop administrátory požadující všechny položky ve menu) :
- projekt zobrazení na videu: www.phoca.cz/phoca-top-menu-module
- původní projekt: github.com/ceford/j4xdemos-admin-mod-topmenu

Zpětná vazba vítána. Díky.

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
Poděkovali: Bong

01. kvě 2020 22:36 #142274
Odpověď od Rudolf
Joomla Expert
Ahoj Honzo,

v dokumentaci Phoca Top Menu Modulu chybí toto:

You need to make two changes to tha atum template:
In the index.php file add a new jdoc position above the header:
<jdoc:include type="modules" name="topmenu" style="none" />
And in templateDetails.xml you need to add a new position at the bottom of the list of positions:
topmenu


Musel jsem jít do gitu původního projektu abych na to přišel, což mi trvalo 10 minut něž mě to napadlo :)

MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

01. kvě 2020 22:43 #142275
Odpověď od Rudolf
Joomla Expert
Ve verzi Joomla! 4.0.0-alpha7-dev

to při uložení modulu nahlásí chybu:
Code:
An error has occurred. 0 Class 'Joomla\CMS\Menu\AdministratorMenuItem' not found

MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

01. kvě 2020 22:55 - 01. kvě 2020 23:00 #142276
Odpověď od H13
Admin
Ahoj, pozice se už do Atum dávat nemusí, už je tam obsažená (customtop), v tom původním projektu jsou starý informace.

Nevím, jestli to funguje s poslední vydanou Alfou (12): github.com/joomla/joomla-cms/releases/tag/4.0.0-alpha12

každopádně doporučuju testovat tu nejaktuálnější verzi (nevydaná beta1) přes composer a npm

- clone nebo stáhnout projekt (joomla-cms, branch 4.0-dev - github.com/joomla/joomla-cms/tree/4.0-dev )
- composer install --ignore-platform-reqs
- npm ci

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
Poděkovali: Rudolf

02. kvě 2020 00:41 - 02. kvě 2020 00:43 #142277
Odpověď od Rudolf
Joomla Expert

pozice se už do Atum dávat nemusí, už je tam obsažená (customtop), v tom původním projektu jsou starý informace.


Ano, v poslední verzi Joomla 4 je obsažená, v mé první testovací (4.0.0-alpha7-dev) obsažená nebyla, takže jsem s úspěchem využil starou informaci.

Pak pro ty co se jim stane, že menu nevidí po instalaci modulu (jako mě), je třeba modulu Phoca Top Menu přiřadit pozici customtop.

každopádně doporučuju testovat tu nejaktuálnější verzi (nevydaná beta1) přes composer a npm


Zatím nepoužívám composer, ale rovnou instaluji na hosting přes ftp. Proto využívám odkaz na nejaktuálnější verzi pomocí Nighty Builds:
developer.joomla.org/nightly-builds.html


No a pro ty co jim chybí po instalaci Joomla položka menu Rozšíření (stejně jako mě), je tu kus kódu, který je třeba vložit do souboru: administrator/components/com_menus/presets/default.xml
mezi menu item system a user
Code:
<menuitem title="MOD_MENU_EXTENSIONS_EXTENSIONS" type="heading" class="class:puzzle-piece" dashboard="modules" > <menuitem title="MOD_MENU_EXTENSIONS_EXTENSION_MANAGER" type="component" element="com_modules" link="index.php?option=com_installer" > <menuitem title="MOD_MENU_INSTALLER_SUBMENU_INSTALL" type="component" element="com_modules" link="index.php?option=com_installer" /> <menuitem title="MOD_MENU_INSTALLER_SUBMENU_UPDATE" type="component" element="com_modules" link="index.php?option=com_installer&amp;view=update" /> <menuitem title="MOD_MENU_INSTALLER_SUBMENU_MANAGE" type="component" element="com_modules" link="index.php?option=com_installer&amp;view=manage" /> <menuitem title="MOD_MENU_INSTALLER_SUBMENU_DISCOVER" type="component" element="com_modules" link="index.php?option=com_installer&amp;view=discover" /> <menuitem title="MOD_MENU_INSTALLER_SUBMENU_DATABASE" type="component" element="com_modules" link="index.php?option=com_installer&amp;view=database" /> </menuitem> <menuitem type="separator" /> <menuitem title="MOD_MENU_EXTENSIONS_MODULE_MANAGER" type="component" element="com_modules" link="index.php?option=com_modules" /> <menuitem title="MOD_MENU_EXTENSIONS_PLUGIN_MANAGER" type="component" element="com_modules" link="index.php?option=com_plugins" /> <menuitem title="MOD_MENU_EXTENSIONS_LANGUAGE_MANAGER" type="component" element="com_modules" link="index.php?option=com_languages" /> <menuitem title="MOD_MENU_EXTENSIONS_TEMPLATE_MANAGER" type="component" element="com_modules" link="index.php?option=com_templates" /> </menuitem>

MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

02. kvě 2020 00:45 - 02. kvě 2020 00:53 #142278
Odpověď od Rudolf
Joomla Expert
Tak jsem shlédl video a většina mých připomínek je k ničemu :D

to jsem ale truhlík.... každopádně menu běhá a já jsem spokojený.

Díky:)

MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

02. kvě 2020 02:17 #142279
Odpověď od Cony
Moderátor
No, přechod 1.0 na 1.5 jsem udělal v podstatě hned jak 1.5 vyšla. Přechod na 2.5 (resp. nejprve na 1.6) byl taky poměrně rychlý.
S přechodem na 3.0 jsem už chvíli váhal, a přechod na 4.0 budu asi taky nějaký ten pátek zvažovat :D

04. kvě 2020 15:59 - 04. kvě 2020 16:02 #142308
Odpověď od H13
Admin
Zajímavým projektem je i alternativní šablona Bettum (pro Joomlu! 4). Ta obsahuje nastavení pro vrchní menu již v základu a dokonce schovává boční menu, pokud je vrchní menu aktivní.

Tím se uvolňuje místo pro boční menu komponent:


Více o Bettum zde:
github.com/C-Lodder/joomla4-backend-template

Pro mě osobně se jedná o celkem zajímavou alternativu, protože během posledního půl roku postupně přecházím z bílého pozadí na černé (editory pro PHP/JS/CSS, Google Chrome DevTools, ...)

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

04. kvě 2020 18:39 #142310
Odpověď od Rudolf
Joomla Expert
Ano černou mám taky v PHP Stormu nastavenou a v na svém macu již stabilně několik let dark mode :)
Otestuji..

Co mi tahá oči jsou ty veselé barvy ve PhocaCart - byla to jedna z prvních věcí co jsem udělal po instalaci, že jsem je poslal do věčných lovišť...

A nedělá to jen Phoca, dělá to i LexComment a jiné aplikace. Použití bootstrap šablony, která byla aktuální před 3 lety, kdy jsem ji použil pro novou komponentu Napojení VirtueMart na ERP Cezar. Od té doby bych se nejraději za to zabil :)

V tomto směru mi spíše vyhovuje cesta Google nebo Apple - decentní barvy v jednom tónu aby se mi oči neunavily neustálým hleděním na stejnou obrazovku.
A od Google systém otevírání informací z praqvé strany pomocí překryvu, to se mi líbí moc, myslím že jsme to použili na jednom webu na FE.

MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

04. kvě 2020 19:32 #142315
Odpověď od H13
Admin

Co mi tahá oči jsou ty veselé barvy ve PhocaCart


Veselé barvy mně osobně pomáhají orientovat se, ty na obrázku se vztahují k bílému pozadí, pro černé by to vypadalo asi jinak, každopádně co se týče barev, stačí přidat 5 - 6 řádků do CSS a vše vypadá jinak.



Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

04. kvě 2020 19:52 #142316
Odpověď od Rudolf
Joomla Expert
Přesně tak, několik řádku v css.

MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

27. čvn 2020 08:33 #142647
Odpověď od Bong
Moderátor
Pro staromilce :-D a příznivce ovládání z horního menu... Musím tedy konstatovat, že použití modulu Phoca Top Menu se šok z nového ovládání trochu zmenší.

Takže pro ty staromilce máme i češtinu pro Phoca Top Menu www.bongovo.cz/ke-stazeni/category/216-phoca-top-menu

I'm sorry, my responses are limited...you must ask the right questions.

27. čvn 2020 09:09 - 27. čvn 2020 09:09 #142648
Odpověď od Bong
Moderátor
Šablona Bettum je velmi zajímavá alternativa. Zdá se přehlednější a ty vyskakovací okna zpráv v dolní rohu jsou prostě luxusní!

Našel jsem pár problémků:
  • při zapnutém zobrazování počtu položek na tlačítkách Ovládacího panelu se nic nezobrazí, načítání zamrzne
  • tlačítka si také neporadí jednotně se změnou velikosti a každé je pak jinak vysoké

Škoda jen, že se tmavá barva (její odstín) nedá nějak jednoduše řídit, třeba pomocí posuvníku. Nebo není na výběr více barevných typů. Ten originál je opravdu sklad rakví :-)

Pro Bettum je dostupná také čeština www.bongovo.cz/ke-stazeni/category/218-b...ministrator-template

I'm sorry, my responses are limited...you must ask the right questions.

27. čvn 2020 16:25 - 27. čvn 2020 16:26 #142649
Odpověď od H13
Admin

Škoda jen, že se tmavá barva (její odstín) nedá nějak jednoduše řídit, třeba pomocí posuvníku. Nebo není na výběr více barevných typů. Ten originál je opravdu sklad rakví


Příští týden by měla vyjít "světlá" alternativa (bílé pozadí) jako parametr.

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

Powered by Fórum