Neu Shop Logo Größe im Nova / JTL 5

MarkusF

Aktives Mitglied
9. Januar 2021
23
2
Guten Tag liebe JTL'er!

ich möchte im Nova Template das Shop Logo etwas vergrößern. Folgendes habe ich dazu gemacht:

- Child Template angelegt (NOVAChild 5.0.0-rc.3 ‐ 5.1.0)
- Dort in die custom.css folgendes notiert:

@media (min-width: 992px) {header .navbar-brand img {
height: 5.8rem;
}}


Leider hat das keinerlei Auswirkungen. (2 verschiedene Browser probiert)

Ich habe dann das Plugin "JTL Theme Editor" installiert und damit in der my-nova.scss des Childs den obigen Zusatz eingefügt und das Theme kompiliert.

Leider hat das auch keine Auswirkungen (zumindest konnte ich aber in der _variables.scss die Primärfarbe ändern).

Was mache ich falsch?

Ich habe etwas von einem JTL Header Plugin gelesen... wo bekommt man das?

Danke für die Hilfe im Voraus!

Viele Grüße, Markus
 

MarkusF

Aktives Mitglied
9. Januar 2021
23
2
Hallo Michael,
das hat geholfen - vielen herzlichen Dank! :thumbsup::thumbsup::thumbsup:

Ein Hintergrundbild kann man in den Header nicht (einfach) einfügen? Oder doch?
Viele Grüße, Markus
 

MarkusF

Aktives Mitglied
9. Januar 2021
23
2
Hallo Eas,
danke für den Tip, es ist mir fast gelungen.

Mit folgendem Code konnte ich das Hintergrundbild einbinden:

.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
background-image: url(https://www.meineURL.de/jtl/bilder/intern/banner_2a.jpg);
background-size: cover;
}

Nun ist da noch eine Zeile drüber mit News/Kontakt. Ich kann hier zwar auch ein Hintergrundbild hinterlegen mit

#header-top-bar, header {
background-image: url(https://www.meineURL.de/jtl/bilder/intern/banner_1a.jpg);
background-size: cover;
}

aber eigentlich möchte ich ein Hintergrund-Bild, das über den gesamten Header Bereich geht. Ist das möglich und wenn ja, wie?

Herzlichen Dank, Markus
 

MarkusF

Aktives Mitglied
9. Januar 2021
23
2
Hallo Eas, oben die graue Zeile mit der Sprache und der Währung soll auch das Hintergrundbild bekommen.
Also das Bild soll über beide Bereiche gehen. Ist das möglich?

Ich habe bereits versucht, das Bild entsprechend zu teilen und jedem Bereich einen Abschnitt zu geben, aber mit "background-size: cover;" werden die unterschiedlich skaliert und passen dann nicht mehr zusammen...

Liebe Grüße, Markus
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.315
449
Hallo,
das ist leider nicht so einfach zu machen wenn die <div id=" header-top-bar"> außerhalb des headers liegt.

Wenn du das Header Plugin mit der Einstellung: "Anzeige beim Scrollen": "Menü" nutzt, liegt die div mit im header und du könntest wie Eas sagt dem header das background image geben. Zusätzlich musst du eventuell noch folgendes einfügen:
CSS:
#header-top-bar {
    background-color: transparent;
}

Viele Grüße
Michael
 
  • Gefällt mir
Reaktionen: MarkusF

ARA-Marketing

Offizieller Servicepartner
SPBanner
2. Oktober 2008
993
126
Regensburg
ähm.... also... letztmalig diesbezüglich: #header-top-bar {background-color: transparent;}

Ich werde jetzt keinen CSS-Kurs hier geben.... das ginge schon zu weit..... oder man muss ein paar Euro dafür dann ausgeben.
Bitte um Verständnis.

Vielleicht schaust du hier mal: https://www.css4you.de/

VG
Eas
 

MarkusF

Aktives Mitglied
9. Januar 2021
23
2
Hallo,
das ist leider nicht so einfach zu machen wenn die <div id=" header-top-bar"> außerhalb des headers liegt.

Wenn du das Header Plugin mit der Einstellung: "Anzeige beim Scrollen": "Menü" nutzt, liegt die div mit im header und du könntest wie Eas sagt dem header das background image geben. Zusätzlich musst du eventuell noch folgendes einfügen:
CSS:
#header-top-bar {
    background-color: transparent;
}

Viele Grüße
Michael

Danke Dir, Michael!
VG Markus
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Badges / Artikelsticker bei JTL Shop 5.3.0 Templates für JTL-Shop 0
Neu - Lieferzeit in Wochen / Monaten statt Tagen SHOP-4080 - wo finde ich diese Möglichlichkeit im Admin Bereich Installation / Updates von JTL-Shop 1
Neu Bug Popup/eModal - JTL Shop 5.3 JTL-Shop - Fehler und Bugs 0
Neu Gravierender Fehler in der Shop Software Betrieb / Pflege von JTL-Shop 3
Gelöst Shop 5.3.1 Fatal Error Gelöste Themen in diesem Bereich 2
Neu Händlerbund Plugin lässt sich nicht installieren Shop ver. 5.3.0 Plugins für JTL-Shop 1
Neu Shop extrem langsam Betrieb / Pflege von JTL-Shop 8
Neu Shop mehrsprachig machen Allgemeine Fragen zu JTL-Shop 6
Neu JTL-Shop 5.3 - Aktuell 5.3.1 Releaseforum 1
Neu JTL 1.8.12.0 - Artikelattribut für Shop importieren - Format CSV-Datei / Hilfe bei Import von individuellen Attributen für JTL-Shop (googlekat) JTL-Ameise - Ideen, Lob und Kritik 1
Neu Merkmalübersetzung wird im Shop nicht angezeigt JTL-Shop - Fehler und Bugs 2
JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Vouchers 1
Neu Hilfe - Performanceproblem mit Shop durch Worker JTL-Shop - Fehler und Bugs 27
Neu JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Shop 0
Neu Shop Suchfunktion Probleme mit (HTML-)Sonderzeichen JTL-Shop - Fehler und Bugs 0
Kundenattribute aus Shop übernehmen und aus Wawi zurück an Shop übermitteln Einrichtung JTL-Shop5 1
Neu Produktdaten aus Shop zur Wawi WooCommerce-Connector 9
Neu Unterstützung bei JTL5-Shop-Überarbeitung gesucht - Template/Plugin uvm. Dienstleistung, Jobs und Ähnliches 1
Neu Shop in Unterverzeichnis führt dazu, dass Inhalte aus dem übergeordneten Verzeichnis im Shop gezeigt werden JTL-Shop - Fehler und Bugs 3
Neu Kuriosum - Shop 5.1.5 mit Datenbank 5.2.4 Mischbetrieb nach fehlgeschlagenem Update Installation / Updates von JTL-Shop 8
Neu Weiße Seite nach Update Shop 5.1.5. auf 5.2.4 Installation / Updates von JTL-Shop 24
Neu E-Commerce-Effizienz steigern: Welche Programmiersprache verbessert die JTL-Shop-Entwicklung? Technische Fragen zu Plugins und Templates 1
Neu Kompatibilitätsliste JTL Shop & JTL Wawi Installation / Updates von JTL-Shop 2
Neu JTL-Shop 5 Paypal Zahlung 30 Tage Zahlungsziel Allgemeine Fragen zu JTL-Shop 6
Neu JTL-Shop 5.3.0 RC3 Fehler nach Update Portlet Banner, fehlendes Produkt JTL-Shop - Fehler und Bugs 0
Neu Funktionsattribut unverkäuflich wird nicht an den Shop übertragen Allgemeine Fragen zu JTL-Shop 1
Neu Umstieg von Shopware 5 zu JTL Shop 5 - Ranking behalten Allgemeine Fragen zu JTL-Shop 2
Neu Verbindungsproblem Wawi (1.8.12.0) zum JTL-Shop (5.2.4) über localhost User helfen Usern - Fragen zu JTL-Wawi 0
Neu Lizenz zu verkaufen für JTL-Shop Standard Edition Allgemeine Fragen zu JTL-Shop 4
Neu Suchbegriff hängt Shop auf?! Allgemeine Fragen zu JTL-Shop 2
JTL Shop : automatisch setzen: Verfügbar ab: 28.04.2024 (Vorbestellung möglich) JTL-Wawi 1.8 0
Neu Programmierung eines Tools zur Verwaltung einer Datentabelle (JTL Shop 5) Technische Fragen zu Plugins und Templates 6
I have faced an issue while the JTL Shop order has synchronized to the JTL WAWI 1.8 version. JTL-Wawi 1.8 0
Neu JTL Shop 5 Umfrage!? Allgemeine Fragen zu JTL-Shop 0
Neu Woocommerce mit JTL Connector "Die Shop-URL verweist nicht auf einen gültigen Shop" WooCommerce-Connector 4
Hosting JTL- Shop unter https://...12358.jtl-shop.de/ Einrichtung JTL-Shop5 0
Neu Issue SHOP-1348: Sortierung nach Preis unter Umständen fehlerhaft Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop Standard Edition Lizenz zu verkaufen Umstieg auf JTL-Shop 7
Neu WAWI Kategorien werden im Shop nicht angezeigt Gelöste Themen in diesem Bereich 3
Neu Bilder werden Falsch im Shop angezeigt. WooCommerce-Connector 0
Neu Shop nicht mehr erreichbar HTTP 500 Error Betrieb / Pflege von JTL-Shop 1
Neu Wie kann ich im JTL-Shop einen Abwesenheitshinweis einstellen? Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5.30? Allgemeine Fragen zu JTL-Shop 9
Neu Anzeige von Neuheiten und Topsellern im JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Neu Variationen im Shop Auswahl zurücksetzen (Plugin?) Betrieb / Pflege von JTL-Shop 3
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu JTL Shop funktioniert nicht mehr Allgemeine Fragen zu JTL-Shop 2
Neu Shop im Urlaub offline stellen/oder Benachrichten Allgemeine Fragen zu JTL-Shop 8
Neu JTL Shop Template Domain lösen? Allgemeine Fragen zu JTL-Shop 0
Neu Migration von eCommerce-Integrator auf JTL Connector - Software 5 Shop Onlineshop-Anbindung 2

Ähnliche Themen