Neu Anpassung des Footers bei Child Template

Cassiopeia

Sehr aktives Mitglied
9. Mai 2017
359
49
Hallo ich habe eine Frage.

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

social-media-footer.png

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

Code:
    {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:

Code:
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.

css-child.png

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

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.512
1.545
Berlin
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
 
  • Ich liebe es
Reaktionen: Cassiopeia

Cassiopeia

Sehr aktives Mitglied
9. Mai 2017
359
49
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.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Neues Plugin: Hersteller Slider Portlet (Zentrierungs- oder Schwarz/Weiß-Modus, Responsive Anpassung..) inkl. 5 kostenlosen Lizenzen Plugins für JTL-Shop 2
Neu Barcode Anpassung in Artikeletikett anhand Eigene Felder Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Download-Arikel werden im Backend des Kunden nicht angezeigt JTL-Shop - Fehler und Bugs 1
Neu Woran kann es liegen, dass ein neu erstellter Connector-Verkaufskanal nicht in der Statusliste des Workers vorkommt? Shopify-Connector 2
Neu Keine Artikel Details nach Serverumzug (Wechsel des Hosters) Gelöste Themen in diesem Bereich 7
Neu Einstellung: "Bilder des Vaterartikels un der folgenden Variationswerte übernehmen" und der Shopware Server "explodiert" Shopware-Connector 4
Neu Artikel fehlt auf Pickliste des WMS JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 2
Neu Vorstellung des Avada-Themes für das NOVA-Template Templates für JTL-Shop 2
Neu jtl datenbank warnung - ein formular hat mehr als 1000 felder in tkunde des Shops Allgemeine Fragen zu JTL-Shop 0
In Diskussion Kassenschublade öffnet nicht beim ersten Vorgang des Tages. JTL-POS - Fehler und Bugs 6
Neu Info am ende des Bestellung Allgemeine Fragen zu JTL-Shop 2
Neu Abstürze des MariaDB Dienstes MariaDB 10.9.6 JTL-Shop - Fehler und Bugs 1
Neu Vorteile aufzählen unterhalb des Preises Betrieb / Pflege von JTL-Shop 1
Neu Vorstellung des neuen Beat Templates von Themeart GmbH Templates für JTL-Shop 0
Neu Suche Lösung für Suchanzeige anstelle des "404"-Bildes - für bessere Produktfindung und einfachere Produkt-Links Betrieb / Pflege von JTL-Shop 0
Neu JTL Client Installation ausserhalb des eigenen Netzwerks User helfen Usern - Fragen zu JTL-Wawi 3
Neu Löschen des Benutzerkontos: admin Installation von JTL-Wawi 2
Neu Anzeige Lieferstatus/Verfügbarkeit statt Lieferzeit berechnet aus Lieferzeiten des Lieferanten und der eigenen Bearbeitungszeit WooCommerce-Connector 0
Dashboard / Speicherung des Layouts JTL-Wawi 1.8 4
Neu Anzeigen/Ausdrucken des Artikel Hinweis User helfen Usern - Fragen zu JTL-Wawi 0

Ähnliche Themen