Bootstrap menu v Joomle je nesprávně stylované

27. kvě 2019 15:17 #140177

Bootstrap menu v Joomle je nesprávně stylované od Pýtrsn

Uživatel

Zdravím,
vytvořil jsem si jednoduchou šablonu s bootstrap navigací ale zobrazí se pouze klasické modré linky místo těch hezky nastylovaných Bootstrapem. Neví někdo co s tím? Třeba nějak upravit mod_menu nebo něco takového?
Děkuji

27. kvě 2019 16:14 #140178

Odpověď od Cony

Moderátor

A CSS botstrapu se nahrává?

27. kvě 2019 17:14 - 27. kvě 2019 17:19 #140180

Odpověď od Pýtrsn

Uživatel

Ano, celá šablona funguje jak má, jen menu, které tam Joomla! přidává, není nastylované. Mělo by to vypadat takto: prntscr.com/nsy0iv
Ale vypadá to takto: prntscr.com/ntzrli

27. kvě 2019 18:09 #140181

Odpověď od Bong

Moderátor

Chcete poradit se vzhledem. Je tedy nutné odkázat na stránku s chybou, aby bylo možné rychle identifikovat příčinu problému.
Nebo musíte striktně odpovídat na otázky, které vám tu někdo položí. Obrázek v tomto případě nic neřeší.

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

27. kvě 2019 18:34 #140182

Odpověď od Pýtrsn

Uživatel

Stránku mám spuštěnou lokálně, tudíž mohu poskytnout pouze kod.

27. kvě 2019 19:03 #140183

Odpověď od H13

Admin

Další otázkou může být, jakou verzi Bootstrapu používáš? Zda tu v Joomle! (2) nebo nějakou v šabloně (3, případně 4)? A jestli jsou rozdílné, nemůže být problém tam?

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

27. kvě 2019 19:14 #140184

Odpověď od Pýtrsn

Uživatel

Předpokládám, že používám ten, co je v šabloně, je to Bootstrap 4.3.1.

28. kvě 2019 08:15 - 28. kvě 2019 08:16 #140187

Odpověď od Bong

Moderátor

... predpokladam, ... ten co je v sablone...
Takze nejakou hotovou sablonu jen upravujete?
Pak je dobre se podivat do dokumentace. Kazdy ma jine pozadavky, framework, vlastni moduly, ....

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

28. kvě 2019 13:35 #140191

Odpověď od Pýtrsn

Uživatel

To je má šablona, ve které mám nainstalovaný Bootstrap 4..

28. kvě 2019 14:41 #140192

Odpověď od Cony

Moderátor

Pýtrsn napsal: To je má šablona, ve které mám nainstalovaný Bootstrap 4..

"Nainstalovaný" znamená přesně co? Ve výstupu stránek je odkazováno to CSS bootstrapu? Pokud ano, pak budete muset ještě pozměnit HTML. Standardní HTML Joomly 3 používá třídy pro Bootstrap 2. Tj. vytvořit si "Template override" pro mod_menu (a další) a doplnit třídy bootstrap 4.

Popř. Phoca tuším má plugin pro jednoduché "přeložení" CSS tříd BS2 na BS3, tak se nainspirovat a poupravit plugin pro BS3.
Popř. třídy doplnit až v prohlížeči Javaskriptem.

28. kvě 2019 15:55 #140193

Odpověď od Pýtrsn

Uživatel

Chápu, zeptám se, co přesně řádek <jdoc:include type="modules" name="navigation"/>, který mi tam dodává menu, outputuje? Jestli mám mít <ul> už v šabloně nebo outputuje rovnou celý seznam (<ul><li></li>...<li></li></ul) se starými třídami.

28. kvě 2019 16:52 - 28. kvě 2019 18:00 #140194

Odpověď od H13

Admin

Je to ruzný.
Všeobecně je to místo pro vypsání modulu a tedy se vypisuje celý modul. Ten ale jako výchozí tuším neobsahuje nějaké speciální instrukce pro Bootstrap:

A samozřejmě šablona ten výpis modulu může přepisovat, takže je možné, že ta šablona prostě místo standardního výstupu pro daný modul už vypisuje svůj výstup.

A to vše může být různé pro různé typu menu - vrchní, vpravo|vlevo, spodní, atd. Navíc může mít šablona úplně vlastní modul bez toho aniž by přepisovala ten výchozí.

Většinou se postupuje tak, že se za každou cenu snaží upravit výstup pomocí CSS a když to nejde pak přes template override a až úplně v poslední řadě by se natvrdo měnil výstup menu v core.

Já osobně ještě používám systémový plugin, který prostě najde kód Bootstrap2 a přepisuje ho na Bootstrap3 (což ale nikdy nebude 100%, navíc ho tuším ani v menu nepoužívám, protože to není potřeba, spíš to používám hlavně kvůli formulářům a tlačítkám)

28. kvě 2019 17:08 #140195

Odpověď od Pýtrsn

Uživatel

Co jsem se dočetl, tak Joomla 4 již podporuje Bootstrap 4 ale je to zatím tak broken, že jsem se rozhodl že zůstanu na Joomle 3 a to menu přes Override upravím. Nejdřív se ale musím trochu naučit PHP protože absolutně netuším o co v tom default.php jde

Nicméně děkuji za váš čas.

28. kvě 2019 17:54 - 28. kvě 2019 18:13 #140196

Odpověď od Cony

Moderátor

Ta třída nav je pro Bootstrap. V Bootstrap 4 je potřeba doplnit třídy k elementům li a odkazům

Člověk už ten Boostrap tak automaticky používá, že už ani neví, co je Bootstrap a co všeobecná třída :-)

Otázkou je, jestli Bootstrap 4 bude natolik velký přínos pro šablonu, zda by se nevyplatilo použít Bootstrap 2 a přepisy neřešit.

Mě osobně se nějak líp pracovalo s Bootstrap 3, proto mám vše na 3 a bohužel musím z 2 přepisovat. Ale řekl bych, že tam prostě nějakej ten vývoj je a já osobně přejdu určitě budu chtít přejít i na 4 (už jen kvůli flexboxu, snad to z 3 nebude tolik bolet :-)