Joomla! 4 Top Menu - Bettum šablona

H13
01. kvě 2020 21:26 - 01. kvě 2020 21:49 #142272
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 Gallery - http://www.phoca.cz/phocagallery - obrázková galerie (Joomla!)
Phoca Guestbook - http://www.phoca.cz/phocaguestbook - kniha návštěv (Joomla!)
Phoca Download - http://www.phoca.cz/phocadownload - stahování souborů (Joomla!)
Phoca Cart - http://www.phoca.cz/phocacart - e-shop,...
Poděkovali: Bong

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Rudolf
01. kvě 2020 22:36 #142274
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.org - 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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

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

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

MiniJoomla! - www.minijoomla.org - 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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od H13
01. kvě 2020 22:55 - 01. kvě 2020 23:00 #142276
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 Gallery - http://www.phoca.cz/phocagallery - obrázková galerie (Joomla!)
Phoca Guestbook - http://www.phoca.cz/phocaguestbook - kniha návštěv (Joomla!)
Phoca Download - http://www.phoca.cz/phocadownload - stahování souborů (Joomla!)
Phoca Cart - http://www.phoca.cz/phocacart - e-shop,...
Poděkovali: Rudolf

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

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

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
	<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.org - 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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Rudolf
02. kvě 2020 00:45 - 02. kvě 2020 00:53 #142278
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.org - 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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
02. kvě 2020 02:17 #142279
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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od H13
04. kvě 2020 15:59 - 04. kvě 2020 16:02 #142308
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 Gallery - http://www.phoca.cz/phocagallery - obrázková galerie (Joomla!)
Phoca Guestbook - http://www.phoca.cz/phocaguestbook - kniha návštěv (Joomla!)
Phoca Download - http://www.phoca.cz/phocadownload - stahování souborů (Joomla!)
Phoca Cart - http://www.phoca.cz/phocacart - e-shop,...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Rudolf
04. kvě 2020 18:39 #142310
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.org - 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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

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

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 Gallery - http://www.phoca.cz/phocagallery - obrázková galerie (Joomla!)
Phoca Guestbook - http://www.phoca.cz/phocaguestbook - kniha návštěv (Joomla!)
Phoca Download - http://www.phoca.cz/phocadownload - stahování souborů (Joomla!)
Phoca Cart - http://www.phoca.cz/phocacart - e-shop,...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

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

MiniJoomla! - www.minijoomla.org - 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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.