Jak zapsat Navbar v šabloně

30. říj 2021 19:35 - 30. říj 2021 19:41 #145105

Jak zapsat Navbar v šabloně od AiRi

Uživatel

Vytvářím šablonu pro Joomla 4 od nuly.

Potřeboval bych poradit jak správně zapsat kód pro Navbar.

30. říj 2021 21:21 - 30. říj 2021 21:25 #145106

Odpověď od Rudolf

Joomla Expert

Stáhněte si prosím T4 framework a šablonu T4 Blank Template Bs5 zdarma od Joomlartu:
www.joomlart.com/member/downloads/joomlart/t4/t4-framework

a prozkoumejte kód pro umístění navbaru - měl by být součástí nějakého sublayoutu ve složce template.

Nebo prozkoumejte defaultní šablonu od Joomla - Cassiopeu.

Obecně by se dalo říct že v šabloně vytvoříte pozici navbar a do ní načtete modul.
A v administraci pak do této pozice umístíte modul menu se základním menu.
A do scss souboru umístíte např. kódy z bootstrap 5 pro navbar.

A nezapomeňte na mobilní verzi, na hamburger, na skip pro výběr pomocí klávesnice (podmínka přístupnosti podle EU nařízení).

Tyto obecné informace by měly stačit aby jste si správně vyhledal v dokumentaci Joomla.org nebo na google a sám si vyzkoušel nabízené postupy a kódy.

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

30. říj 2021 21:26 #145107

Odpověď od Linelabcz

Admin

Doporučuji prostudovat getbootstrap.com/docs/5.0/components/navbar/

Linelab.cz - Tvorba a správa webových stránek.
Linelabox - Vytvořte si Joomla! šablony zdarma.

30. říj 2021 21:32 #145108

Odpověď od Rudolf

Joomla Expert

Doporučuji prostudovat getbootstrap.com/docs/5.0/components/navbar/

Františku,

tak snad do šablony nebude dávat celý kód z bootstrapu, ale jen načte pozici modulu ne?
Viz. kód z default ní šablony od Joomla - Cassiopea:

Code:

<?php if ($this->countModules('menu', true) : ?>
<div class="grid-child container-nav">
	<?php if ($this->countModules('menu', true)) : ?>
		<jdoc:include type="modules" name="menu" style="none" />
	<?php endif; ?>
</div>
<?php endif; ?>

Výsledný boostrap 5, pak už jen generuje šablona modulu menu.

30. říj 2021 21:43 - 30. říj 2021 21:45 #145109

Odpověď od Linelabcz

Admin

Rudo, nevím...
Ptá se "jak správně zapsat kód". Pokud uživatel plánuje vytvářet šablonu pro Joomla 4, což píše, a používá Bootstrap 5, což je nejrozumnější možnost, pak bude fajn, když si něco nastuduje.

Linelab.cz - Tvorba a správa webových stránek.
Linelabox - Vytvořte si Joomla! šablony zdarma.

30. říj 2021 21:47 #145110

Odpověď od Rudolf

Joomla Expert

No jasně,

studium nikdy neuškodí