Cassiopeia mit Startseite im Bloglayout als OnePager

  • Joomla Version
    5.3.1
    PHP Version
    PHP 8.2.x
    Hoster
    IONOS

    Hallo zusammen,

    bei einigen Websites musste ich in letzter Zeit beim Umstieg auf Joomla 5 die Templates komplett neu erstellen, da die ursprünglichen Anbieter ihre Produkte nicht weiterentwickelt haben. Das war ziemlich ärgerlich.

    Daher habe ich mir vorgenommen, künftig nur noch mit Cassiopeia zu arbeiten – in der Hoffnung, dass dieses Template auch langfristig Bestand haben wird. Bisher klappt das recht gut.

    Aktuell arbeite ich an einer OnePager-Seite, die ich ebenfalls gerne mit Cassiopeia umsetzen möchte. Optisch sollte sie in etwa so aussehen wie in der Anlage. Mein Problem: Die Hintergründe sollen jeweils in voller Breite (full-width) dargestellt werden, während die eigentlichen Inhalte auf eine Breite von 960px begrenzt bleiben.

    Ich habe das bereits mit Modulen getestet, bin damit aber noch nicht ganz zufrieden. Daher meine Frage:
    Wie lässt sich so etwas am besten mit dem Blog-Layout umsetzen – und wie bekomme ich es hin, dass die Hintergründe bei Bedarf auf full-width erweitert werden?

    Vielen Dank schon jetzt für Eure Tipps!
    Luzi

    Never change a running system

  • OnePage-Seite mit Kategorie-Blog?

    Klickt man auf weiterlesen, wird man auf einen Beitrag weitergeleitet, also auf eine neue Seite, dann ist es keine OnePage-Seite. :/

    Aber vielleicht verstehe ich deine Frage nicht.

  • Vielen, vielen Dank Viviana, bin grad beim Umsetzen und verstehe dieses nicht:

    Zitat

    Using the template manager (or an IDE) copy the file
    templates\cassiopeia\html\layouts\chromes\noCard.php to
    templates\cassiopeia\html\layouts\chromes\fullWidth.php

    soll der Inhalt der Datei noCard.php den Inhalt von fullWidth.php ersetzen?

    Never change a running system

  • Ich bin etwas verwirrt. Ich verwende Module für onePager, aber du hast ja geschrieben dass du keine Module willst?

    Es scheint ohne Module doch recht schwierig zu sein, und ich bin ja auch kein absoluter Profi. Deshalb nun vorerst so – es sei denn, mir gelingt noch eine Lösung mit Bloglayout. Diese Modul-Version mit Chrome wirkt auf jeden Fall deutlich professioneller als das, was ich zuvor zusammengeschustert hatte.

    Never change a running system

  • Ich habe das und ähnliche Anpassungen verwendet:

    https://magazine.joomla.org/all-issues/jun…-inside-content

    Nur zur Ergänzung :
    Ich habe den CSS-Code für mich angepasst, da sonst links und rechts eine Margin sichtbar ist.
    Aber ich weiss auch nicht, weshalb die Margen im Original gewünscht wurden.

    Code
    .fullwidth {
      margin-left: calc( -50vw + 50% );
      margin-right: calc( -50vw + 50% );
      max-width: calc( 100vw - 0px );
      padding-top: 30px;
      padding-bottom: 20px;
    }
  • Nur zur Ergänzung :
    Ich habe den CSS-Code für mich angepasst, da sonst links und rechts eine Margin sichtbar ist.
    Aber ich weiss auch nicht, weshalb die Margen im Original gewünscht wurden.

    Ja, das habe ich auch schon gemacht und mich gewundert weshalb dieser Abstand da ist.

    Never change a running system

  • Jetzt habe ich noch ein kleines Problem mit dem Mainmenü. Da habe ich Sprungmarken zu den jeweiligen Themen gesetzt. Also zum Bereich "Angebote" habe ich den Menüeintragstyp URL gewählt und den Link "#angebote" gesetzt (zum Anker "angebote") . Funktioniert gut auf der OnePager-Seite. Nun habe ich aber ein paar Seiten wie Impressum etc., die im Footermenü sind. Bin ich nun auf der Impressumsseite und möchte zu "Angebote" müsste ich ja zunächst auf die index-Seite. Wie kannn man das am besten realisieren? Da fällt mir jetzt nur ein, den Link so zu setzen: https://domain.de/index.php#angebote
    Gibt es da eine andere Lösung oder ist die so ok?

    Never change a running system

  • Ich verwende Joomla 6 und bau gerade einen OnePager. Kann es sein dass der Workaround mit dem Modul in voller Fensterbreite nicht mehr funktioniert?

    Es funktioniert immer noch mit Joomla 6.

    Sonst bitte einen neuen Thread aufmachen, da dieser schon lange auf erledigt ist.

  • Bin mit meiner Frage übersiedelt

    Selam
    21. April 2026 um 11:50