Neu Anpassung des Footers bei Child Template

[Cassiopeia]

Hallo ich habe eine Frage.

Ich habe in unserem Footer Socialmedia Icons eingebaut weil ich die von JTL nicht so schön finde.



Dazu habe ich folgenden Code in die Datei "footer.tpl" unter "httpdocs/templates/NOVA/layout/footer.tpl" eingefügt

    {block name='layout-footer-content'}   
    
<div style="text-align: center;">
  <img src="https://website.de/mediafiles/social-media/facebook-icon-seeklogo.com.svg" alt="Facebook" style="max-width: 100px; max-height: 100px; width: 100%; height: auto;">
  <img src="https://website.de/mediafiles/social-media/instagram-new-2016-seeklogo.com.svg" alt="Instagram" style="max-width: 100px; max-height: 100px; width: 100%; height: auto;">
</div>
    
        {if !$bExclusive}
            {$newsletterActive = $Einstellungen.template.footer.newsletter_footer === 'Y'
                && $Einstellun...

Mir ist klar, dass das gefuschtes pseudo gecode ist, weshalb ich fragen möchte wie ich es richtig machen muss.

Ich hatte gedacht es so zu machen, dass ich im DIV Container eine CSS Classe definiere die ich dann über CSS anspreche, also so:

In Datei footer.tpl

<div class="social-media-buttons">
<img src="https://website.de/mediafiles/social-media/facebook-icon-seeklogo.com.svg">
<img src="https://website.de/mediafiles/social-media/instagram-new-2016-seeklogo.com.svg">
</div>


In CSS

#social-media-buttons {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

Aber WO füge ich den CSS Code ein ?

Ich habe ein Child Template und dort kann ich ja CSS hinterlegen, aber wenn ich das tue, wird ( cache geleert, CSS compiliert etc.), nichts angezeigt.



Kann es sein, dass ich den DIV Container falsch anspreche oder der des Footers diesen übersteuert ?
Wo wäre der korrekte Ort um dies zu hinterlegen ?

Dann noch die Frage, den Code, füge ich ihn in das Haupttemplate ein weil dort die footer.tpl liegt oder im Child Template ?
Weil im Child Template Ordner liegt ja keine footer.tpl

(httpsdocs->NOVAChild)

nur in

(httpsdocs->NOVA->layout)

 

[css-umsetzung]

Es muss .social-media-buttons img {
heißen.

Du legst zu ändernde Dateien mit dem zugehörigen Verzeichnis in dein Child Template, in deinem Fall also layout(/footer.tpl
Dann schaust du in welchem Block sich die Änderung befindet und nur diesen Block hast du dann in deiner neuen footer.tpl

 

[Cassiopeia]

Es muss .social-media-buttons img {
heißen.

Du legst zu ändernde Dateien mit dem zugehörigen Verzeichnis in dein Child Template, in deinem Fall also layout(/footer.tpl
Dann schaust du in welchem Block sich die Änderung befindet und nur diesen Block hast du dann in deiner neuen footer.tpl

Kam jetzt erst zur Umsetzung. Boah vielen Dank, hat exakt so geklappt und ich kann jetzt endlich sauber Coden und es Updatefest machen. Das ist echt mega.