Bleibt die index.php so oder muss ich sie jedesmal neu anpassen?
Wenn Du mit einem Child-Template oder einer Templatekopie arbeitest und Du Deine Änderungen dort gemacht hast, bleiben diese bestehen.
Cassiopeia hat schon Bootstrap drin, du brauchst nichts zu laden...
Cassiopeia hat schon Bootstrap drin, du brauchst nichts zu laden...
Aber wieso funktioniert dann das Carousel nicht ?
Man muss nicht das ganze Bootstrap laden, sondern die Skripte, die man braucht. Das ist das gute an Joomla (seit Version 4), dass man modular Sachen laden kann.
Habe gerade in weniger als 5 Minuten ein Carousel in einem Custom Modul eingebaut. Das im Modul reinkopiert:
<div id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active"><img class="d-block w-100" src="images/sampledata/cassiopeia/nasa1-1200.jpg" loading="lazy" width="1200" height="400" data-path="local-images:/sampledata/cassiopeia/nasa1-1200.jpg"></div>
<div class="carousel-item"><img class="d-block w-100" src="images/sampledata/cassiopeia/nasa2-1200.jpg" loading="lazy" width="1200" height="400" data-path="local-images:/sampledata/cassiopeia/nasa2-1200.jpg"></div>
<div class="carousel-item"><img class="d-block w-100" src="images/sampledata/cassiopeia/nasa3-1200.jpg" loading="lazy" width="1200" height="400" data-path="local-images:/sampledata/cassiopeia/nasa3-1200.jpg"></div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button></div>Ich habe ein Override von mod_custom angelegt (man kann ein alternatives Layout erstellen - carousel.php statt default.php) und dort das eingefügt:
/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
$wa = Factory::getApplication()->getDocument()->getWebAssetManager();
$wa->useScript('bootstrap.carousel');Läuft
Danke drmenzelit , es geht aber um: So dass das Ganze Bootstrap geladen wird.
Wie gesagt, es ist nicht nötig das ganze Bootstrap zu laden, nur weil man ein Carousel erstellen will. Alle Teile von Bootstrap liegen unter media/vendor/bootstrap und können einzeln per WebAsset Manager nach Bedarf geladen werden
Wie gesagt, es ist nicht nötig das ganze Bootstrap zu laden, nur weil man ein Carousel erstellen will. Alle Teile von Bootstrap liegen unter media/vendor/bootstrap und können einzeln per WebAsset Manager nach Bedarf geladen werden
Möchte man ein Offcanvas in einem Beitrag, funktioniert es auch nicht wenn nicht das ganze Bootrstrap geladen wird.
Beispiel:
<a class="btn btn-primary" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">
Link with href
</a>
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
Button with data-bs-target
</button>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Offcanvas</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div>
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
</div>
<div class="dropdown mt-3">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown">
Dropdown button
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
</div>
</div>Hier habe ich ein Offcanvas gebaut: https://www.dr-menzel-it.de/blog/offcanvas…fuer-cassiopeia
Ich meinte zum Beispiel einen Top offcanvas:
getbootstrap.com/offcanvas/#placement
Wird das ganze Bootstrap geladen, kann man solche Sachen ganz einfach in Beiträgen einfügen.
Wird das ganze Bootstrap geladen, kann man solche Sachen ganz einfach in Beiträgen einfügen.
das ist aber nicht "best practice", du lädst jede Menge Zeugs nur "für den Fall" und hälst dich nicht an der Trennung von Code un Inhalt (was der Sinn eines CMS ist). Beitrag = Inhalt, HTML/CSS = Template / Erweiterung.
Aber kann jede(r) machen wie sie/er will...
Ja danke, verstehe ich schon, du hast recht.
Meine Seiten laden eigentlich zügig, auch mit Bootstrap, aber das mit dem Code ist natürlich nicht so schön, wie du sagst.
Ich benutze solche Bootstrap Sachen immer nur für kurze Zeit, 1-2 Wochen, als Infos zu einer Veranstaltung oder Ähnliches. Darum ist es praktisch für mich, das ganze Bootstrap zu laden.
Wie sollte der Top-Offcanas sonst eingefügt werden ? Auch mit einem Custom Modul ?
Ich muss mir mal das Ganze in Ruhe anschauen.
Matzeweb , sorry, aber vielleicht sind diese Angaben für dich auch hilfreich. 
In einem Child-Template wird die index.php nicht automatisch erstellt, das musst du manuell machen
Im Dateiordner des Childtemplate die index.php Datei erstellen, wie es bei sonstigen Template-Overrides ja auch üblich ist!
Da war eine schneller 
Jepp hab das grade ausprobiert..... Index von Mutter auf Kind kopiert und in der Mutter die Zeile aus dem Index gelöscht und es läuft immer noch......
Ich beende denn mal diesen Post, leere meinen Browsercache und versuche es nochmal. 
Mal wieder merke ich, wie abhängig ich inzwischen von euch bin!
Danke an alle!
Danken kannst du übrigens hier im Forum auch einfach per klick auf den Button "Reagieren" am ende jeden postings das du nicht selbst erstellt hast.
