Dynamisches wechseln der Hintergrundfarbe bei mehreren Module "Baiträge - Kategorie"

56er · 27. Oktober 2022

Hallo zusammen.

Unsere Vereins-Website läuft seit 2013 unter Jommla.

Unsere Test-wWebsite 2j4test.vernetztwohnen.at
ist aktuell auf Joomla 4.2.4 mit dem Tempate sharper_helixultimate

Im unteren Bereich der Website habe ich auf unterschiedlichen Modulpositionen "Baiträge - Kategorie" Module gesetzt.

Um in diesen Modulausgaben sehen zu können, welcher Menüpunkt, bzw. welcher Artikel gerade auf der Website gezeigt wird, habe ich die .../html/mod_articles-categoriy/custom.php adaptiert.

Der aktuell auf der Website gezeigte Menüpunkt, bzw. Artikel wird im Modul fett und nicht verlinkt dargestellt, alle anderen Menüpunkte normal und verlinkt.

Nun möchte ich auch noch die Hintergrundfarbe des Modules (card-body), in dem die fetten Ausgaben sind hell färben, und die Hintergrundfarben der Module, die keine fetten Ausgaben haben dunkel färben.

Also möchte ich ein dynamisches wechseln der Modulhintergrundfarbe realisieren.

Das geht aber mit der .../css/custom.css nicht, weil dort die Modulhintergrundfarbe nur statisch definiert werden kann.

Also muss ich wohl das in der .../html/mod_articles-categoriy/custom.php machen, die aber von Joomla, bzw. im Webseitenaufbau erst lange nach der div für den Hintergrund läuft.

Am Ende von meiner custom.php habe ich:

Spoiler anzeigen

PHP: custom.php

<?php
// Anfang dynamisches Ändern der Hintergrundfarbe des Moduls - ob es aktiv oder passiv ist - das ist allerdings bisher nur profisorisch möglich

if ($mMaktuell == 'aktiv') 
    { 
    // die nächsten beiden Befehlszeilen sind profisorisch, um auf der website zu sehen, ob der Lösungsansatz überhaupt funktioniert
      echo '<a><hr style="font-size: 12pt; margin-top: 12pt; margin-bottom: 4pt;"></a>', 
          '<p style="margin-bottom: -6pt; background-color: #fffcf1;"><b>aktiv</b><a style="font-size: 12pt;"> -> card-body hell machen</a></p>' ; 
       
    // die Variable $mPosition der costom.php steht die Modulpossition, welche der eindeutige Indikator sein sollte, um mit einer funktionierenden Befehlszeile im "Nachhinein" in der html-Hierarchie die Hintergrundfarbe des Moduls zu bestimmen

    // die nächste Befehlszeile funktioniert noch gar nicht, und sobald sie funktioniert sollte der Teil .possition mit dem Inhalt der Variable $mPosition befüllt werden:
    //      ' ( .site > .body-wrapper > .body-innerwrapper > .stricky-header-placeholder > .container > .container-inner > .row > .col-lg-3 > .sp-column > .position2 > card-body {background-color: #fffcf1;} ) ' ; 
     
    }


else
    { 
    // die nächsten beiden Befehlszeilen sind profisorisch, um auf der website zu sehen, ob der Lösungsansatz überhaupt funktioniert
        echo  '<a><hr style="font-size: 12pt; margin-top: 12pt; margin-bottom: 4pt;"></a>', 
             '<p style="font-size: 12pt; margin-bottom: -6pt;">passiv -> card-body dunkel machen</p>' ;
    } 

    // die nächste Befehlszeile funktioniert noch gar nicht, und sobald sie funktioniert sollte der Teil .possition mit dem Inhalt der Variable $mPosition befüllt werden:
    //      ' ( .site > .body-wrapper > .body-innerwrapper > .stricky-header-placeholder > .container > .container-inner > .row > .col-lg-3 > .sp-column > .position2 > card-body {background-color: #FFF6DA;} ) ' ; 


// Ende dynamisches Ändern der Hintergrundfarbe des Moduls
?>

Alles anzeigen

Wie muss die Befehlszeile 396 und die Befehlszeile 409 konkret formuliert sei, damit das läuft?

Danke im Voraus

astrid · 30. Oktober 2022

Ich kenne mich mit sharper_helixultimate nicht gut aus und kann deine custom.php nicht einordnen.

Ich habe aber etwas ähnliches als Override für Cassiopeia und habe mein Vorgehen hier in allgemeiner Form zusammengefasst:

Override des Modules Articles - Category Beiträge - Kategorie

Du verwendest verschieden Module des Types Beiträge - Kategorie. Nun möchtest du, dass ein Website Besucher auf den ersten Blick erkennt, zu…

blog.astrid-guenther.de

Vielleicht hilft es dir weiter?

56er · 5. November 2022

Liebe astrid,

vielen Dank, deine Zusammenfassung "Override des Modules Articles - Category..." hat mir SEHR weitergeholfen!

( PS. Die tempates/sharper_helixultimate/html/mod_articles_category/custom.php meine Override-Datei )

Entsprechend deiner Vorgehensweise habe ich in meinem Fall im Backend in den Modulen Articles - Category den Modulstiel auf sp_xhtml gesetzt.

Dadurch habe ich im Frontend zunächst keinen card-body mehr und nur noch die ungestylte Modulausgabe (Menütitel und die dazugehörigen gelisteten Arikeltitel).

Dann habe ich in meine Override-Datei (offenbar an der richtigen Stelle) folgendes eingefügt:

PHP: custom.php

...

// Ende des finden des aktuellen Menütitels, bzw. Artikeltitels und diesen Titel in die Variable $mTitleaktuell ablegen.


// Anfang den Style des Modules setzen, in dem ein aktiver Menütitel oder Artikeltitel gelistet wird, 
//    und die Style der Module  setzen, in denen kein aktiver Menütitel oder Artikeltitel gelistet wird. 

 if ($module -> title == $mTitleaktuell) :
     $mMaktuell = 'aktiv';
 endif;    


?> <ul class= "category-module mod-list"> <?php  
    foreach ($list as $item) : 
        if ($item -> title == $mTitleaktuell) : 
            $mMaktuell = 'aktiv'; 
        endif; 
    endforeach;  
?> </ul> <?php


if ($mMaktuell == 'aktiv') 
    { 
        ?> <div class= "<?php echo $module -> position; ?>" style= "background-color: #ffeebb; border: 2px solid rgba(0,0,0,.125); border-radius: 0.25rem;"> <?php 
    }

else
    {
       ?> <div class= "<?php echo $module -> position; ?>" style= "background-color: #fff4cc; border: 1px solid rgba(0,0,0,.125); border-radius: 0.25rem;"> <?php 
    }

// Abschluss - fast, denn am Ende, nach der inhaltlichen Modulausgabe (Menütitel und die dazugehörigen gelisteten Arikeltitel), nicht das /div vergessen :-)

...

Alles anzeigen

und siehe da, DAS funktioniert.