Probleme mit mehrspaltiger Darstellung

  • Joomla Version
    5.4.7
    PHP Version
    PHP 8.5.x
    Hoster
    Lokal

    Hallo, wahrscheinlich mal wieder ein Brett vor dem Kopf.

    Wir haben seit der Umstellung auf 5.4.7 Probleme mit der mehrspaltigen Darstellung. Eigentlich sind es zwei unterschiedliche Probleme, aber vielleicht haben sie ja die gleiche Ursache. Betroffen sind die Templates Cassiopeia und JaSimpli 2.0.4.

    Problem 1: Zweispaltiger Text im Beitrag wird auf dem Computer korrekt angezeigt, allerdings ist er auch auf dem Smartphone zweispaltig, was gar nicht witzig ist. Bei 3.10.12 wurde der "Bildschirmtyp" erkannt und auf Tablets und Smartphones einspaltig angezeigt. Müssen wir dafür jetzt ein Template Overide einrichten? Klar, daß wir die neuen Bootstrap-Klassen verwenden.

    Problem 2: Bislang nur bei JaSimpli probiert, die anderen Seiten haben keinen Blog. Die Blogansicht ist immer einspaltig, egal was in den Einstellungen oder im Menüpunkt eingestellt ist. Angezeigt wird alles, auch "Weiterlesen" funktioniert, nur die Blogansicht nicht. Auf dem Smartphone ist das ja richtig, aber auf dem Computer sieht es nicht schön aus.

    Bei JaSimpli wäre ja noch eine veraltete Bootstrap Version möglich (muß evtl. das Framework installiert werden?), aber bei Cassiopeia bestimmt nicht.

    Vielleicht ist das ja ein einfaches Problem, wir haben leider keine anderen Beiträge gefunden, vielleicht falsch gesucht. Danke für jeden Tip.

  • Wie hast du diese mehrspaltige Darstellung gemacht, kannst du mal den Code posten? Oder einfach den Link zum Problem.

    Den Code nur für das Cassiopeia. Das JaSimpli ist vom Jahr 2023 und ohne Link unmöglich zu testen.

  • Oder einfach den Link zum Problem.

    Na ja, wenn es sich um die dort angegebene URL handelt, dann lieber nicht. Diese ist (auch) blacklisted usw:

    mg327
    22. Juli 2026 um 03:54

    Liebe Grüße
    Christine

  • zu Problem 2:

    Definierte Klassen

    Spoiler anzeigen

    Das Blog-Layout wird durch die Verwendung von defnierten CSS-Klassen erzeugt:
    Note that the default layout/styling is 1 column, a top image and no box

    Column Layout

    • columns-2
    • columns-3
    • columns-4
    • masonry-2
    • masonry-3
    • masonry-4

    Styling

    • boxed

    Image Location

    • image-left
    • image-right
    • image-bottom

    Image Variation

    • image-alternate
      alternates the image position on every second item. If an image is set to the left, every second item will display the image on the right. If an image is set to the bottom, every second item will display the image at the top.

    Other classes can be easily added but for now the above will allow a good proof of concept.

    Bsp:

    Hinweis: Die Klasse "opacity" ist "privat".

    Ergebnis: https://linsner-develop.de/blogdarstellung.html


    Christian

  • Die Klassen columns-x und masonry-x "muss" man eintragen, wenn man die Führende Beiträge auch in Spalten anzeigen möchte. Für die Einleitung Beiträge wählt man einfach die Anzahl der Spalten. Das funktioniert in Cassiopeia. Bei anderen Templates ist abhängig von den CSS-Definitionen.

    Wenn ich es richtig verstehe, möchte der TE möchte den Text IM Beitrag zweispaltig anzeigen. Welche Klassen er dafür verwendet ist unklar. Bootstrap kann Spalten auch responsive: https://getbootstrap.com/docs/5.3/layout/columns

  • chr-hl : Hat leider nicht funktioniert. Dieses Problem ist ja auch nur bei JaSimpli von Joomlarts. Es sieht aus, als wären alle Einstellungen wirkungslos. Vielleicht doch das Framework?

    Angeblich ist JaSimpli mit Joomla 5 kompatibel. Alles andere (was wir bis jetzt gesehen haben) scheint ja auch weiterhin zu funktionieren. Etwas komisch kommt es uns schon vor, daß es bei 3.10.12 funktioniert, obwohl es eine ältere Bootstrap Variante ist.

    Seite zum Anschauen:

    Permakultur in Paraguay – Aktuelles

    Soll 3-spaltig sein, wird aber nur untereinander angezeigt, alles andere (weiterlesen) funktioniert.

    Wie gesagt, ist eine alte Seite, die wir upgegraded haben.

  • Stimmt, das mit dem Htpro... wie es mg327 benutzt, ist nur Symptombekämpfung, aber verseucht ist die Seite trotzdem noch.

    Bitte, traut uns doch mal etwas mehr, als nur stupides herumklicken zu. Der HTProtect hat eine Datei identifiziert, diese haben wir angeschaut, sie war verseucht und gelöscht. Wir haben weitere online Scanner verwendet und das Blacklisting löscht sich nicht von heut auf morgen, auch wenn die Seite sauber ist. Im übrigen ist es keine der Seiten dieses Themas. Problem gehabt, Hilfe bekommen - Danke - Problem gelöst, also bitte nur noch das aktuelle. Und HTProtect ist ein Super Tool, der Entwickler verdient eine Statue. Übrigens aktualisiert er fast täglich, was will man mehr. Jedenfalls ist bei uns wieder Ruhe eingekehrt und die Blacklists interessieren nur Suchmaschinen, nicht Menschen.

  • Du hast diese Konstruktion gewählt: das macht die Spalten uneinheitlich, hängt von der Art des smartphone ab.

    Code
    <div class="row">
    <div class="col"></div>
    <div class="col"></div>
    </div>

    probiere mal diese kleine Änderung, ob es dann einheitlicher wird:

    Code
    <div class="row">
    <div class="col-sm-12 col-md-6"></div>
    <div class="col-sm-12 col-md-6"></div>
    </div>
  • Du hast diese Konstruktion gewählt: das macht die Spalten uneinheitlich, hängt von der Art des smartphone ab.

    Code
    <div class="row">
    <div class="col"></div>
    <div class="col"></div>
    </div>

    probiere mal diese kleine Änderung, ob es dann einheitlicher wird:

    Code
    <div class="row">
    <div class="col-sm-12 col-md-6"></div>
    <div class="col-sm-12 col-md-6"></div>
    </div>

    Hallo und vielen Dank, damit ist das erste Problem gelöst. Zwei Fragen bleiben offen:

    1. Macht es Sinn, die anderen 4 Klassen ebenfalls aufzuführen?
    2. Was ist aus dem bedingten CSS geworden? Ich kann mich erinnern, daß man früher für eine CSS-Klasse unterschiedliche Formatierungen für verschiedene Bildschirme angeben konnte. Ist leider so lange her, da müssen wir erstmal wieder nachlesen. Das würde aber keinen Sinn machen, wenn es eh nicht mehr geht.

    Leider funktioniert die Idee bei dem zweiten Problem nicht oder wir haben noch nicht die richtige Stelle gefunden, um es einzutragen.

  • Geht übrigens bei Cassiopeia wohl auch einfacher z.B. per:

    Code
    <div class="row">
    <div class="col-md-6"></div>
    <div class="col-md-6"></div>
    </div>

    Ok, das scheint die Kurzfassung zu sein, bleibt die Frage 1 von oben. Wir haben die längere Version gewählt und es funktioniert.

  • Ach ja, bei dem zweiten Problem haben wir die Klassen im Menüpunkt eingetragen. Die breite verringert sich zwar korrekt, aber die Beiträge bleiben untereinander. Die bloße Angabe der Spaltenanzahl wird schlichtweg ignoriert. Wie gesagt nur bei JaSimpli getestet, nicht bei Cassiopeia.

  • Problem 2: Bislang nur bei JaSimpli probiert...

    ...Die Blogansicht ist immer einspaltig, egal was in den Einstellungen oder im Menüpunkt eingestellt ist...

    Mit Cassiopeia werden derzeit die Blog-Beiträge übrigens korrekt dreispaltig und responsiv ausgegeben. Siehe:

    https://www.permakultur-paraguay.de/aktuelles?template=cassiopeia

    zumindest bis zu einem Blog-Beitrag bei dem wohl nicht alle div geschloßen wurden.

    Dein Ja-Simpli-Template kenne ich nicht und scheint die Mehrspaltigkeit von Blogbeiträgen wohl nicht zu unterstützen oder es muß anderweitig eingestellt werden oder/und es ist zusätzliches CSS hierzu erforderlich.

  • CSS mal als Beispiel aus Cassiopeia nachfolgendes entnommen:

    führt zumindest zu dreispaltiger responsiver Blog-Beitrags-Ausgabe auch im Ja-Simpli-Template bei

    https://www.permakultur-paraguay.de/aktuelles

    zumindest bis zu einem Blog-Beitrag bei dem wohl vor dem "Weiterlesen" nicht alle div geschloßen wurden.