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

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

MarkusF

Neues Mitglied
9. Januar 2021
19
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

Neues Mitglied
9. Januar 2021
19
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

Neues Mitglied
9. Januar 2021
19
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

Neues Mitglied
9. Januar 2021
19
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
209
72
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
759
58
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

Neues Mitglied
9. Januar 2021
19
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 Forum Antworten Erstelldatum des Themas
Neu Logo auf Artikelseite im Shop 5 Templates für JTL-Shop 0
Neu Shop-Logo in der Mail ist viel zu groß Einrichtung von JTL-Shop4 6
Neu Auswahlhilfe JTL Shop 5 Allgemeine Fragen zu JTL-Shop 0
Neu gestaffelter Rabatt aus Shop in Auftrag übernehmen User helfen Usern - Fragen zu JTL-Wawi 1
Neu JTL Shop 5 Hosting mit Miete wo? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Shop Vorabverkauf User helfen Usern - Fragen zu JTL-Wawi 3
Shop lädt nicht bei Nova Child Template Einrichtung JTL-Shop5 1
Neu Nova Template Shop 5 rechte Spalte bei Kategorien und im Artikel Templates für JTL-Shop 1
Neu 360 Grad Fotos in Shop 5 Allgemeine Fragen zu JTL-Shop 4
Nach Upgrade von Shop 4 auf Shop 5 extrem langsam Upgrade JTL-Shop4 auf JTL-Shop5 11
Shop 5.0 Einrichten ! Einrichtung JTL-Shop5 1
Neu Shop-Abgleich hängt Allgemeine Fragen zu JTL-Shop 1
Neu [S] Freelancer für Pluginerstellung JTL Shop 5 - global payments Zahlungsanbieter Dienstleistung, Jobs und Ähnliches 0
Neu Shop wirft mich ständig raus JTL-Shop - Fehler und Bugs 2
Neu Artikelexport aus JTL Shop 5 exportieren fehler JTL-Shop - Fehler und Bugs 1
Neu authorized by Plugin exs_aby_252 JTL Shop 5 defekt? Plugins für JTL-Shop 1
Neu Bin gerade am verzweifeln...Problem mit Test-Demo-Shop Onlineshop-Anbindung 12
Neu Bilderanimation im JTL Shop Allgemeine Fragen zu JTL-Shop 0
Neu Seiten Aufbau vom Backend zum Shop ins OnPage Composer nicht möglich JTL-Shop - Fehler und Bugs 0
Neu WaWi -> shop 5.0 abgleich Onlineshop-Anbindung 0
Kontaktformular JTL Shop 5 Einrichtung JTL-Shop5 0
Neu Shop nicht erreichbar Allgemeine Fragen zu JTL-Shop 9
Neu JTL Shop 5 Ladezeit 3 - 5 sek. aber JTL Shop 4 nur max. 2 Sekunden Allgemeine Fragen zu JTL-Shop 9
Neu JTL5 Shop - einige Kunden sprechen von Bestellabbruch mit weißer Seite User helfen Usern 1
Shop 5 Exportformate - Fehlermeldung Einrichtung JTL-Shop5 2
Neu Probleme mit Fake Anmeldungen in unserem Shop Betrieb / Pflege von JTL-Shop 3
Neu Stücklisten und Lieferzeiten im Shop User helfen Usern - Fragen zu JTL-Wawi 3
Neu Zusätzliche Zahlungsarten ausserhalb der PayPal Payment Wall (Shop 5) Einrichtung von JTL-Shop4 2
Neu Retouren Verwaltung etc. in JTL Shop JTL-Shop - Ideen, Lob und Kritik 0
Neu JTL Shop 5 - Artikeldetailseite - Artikelpreise mit vierstellen nach dem Komma & Artikelpreise zusammenrechnen Allgemeine Fragen zu JTL-Shop 10
Neu Löschen von Test Artikeln / Kategorien aus Evo Shop-Template Onlineshop-Anbindung 2
Beantwortet Kategorien im Online-Shop unabhänging von Wawi Allgemeine Fragen zu JTL-Shop 4
Neu 502 Bad Gateway durch JTL Shop 5 Amazon Pay plugin 1.02 Technische Fragen zu Plugins und Templates 5
Neu Bestehenden ebay Shop in JTL richtig einpflegen Einrichtung und Installation von JTL-eazyAuction 3
Neu Bilderupload von WAWI auf Gambio Shop führt zu Fehlermeldung JTL-Wawi - Fehler und Bugs 0
Update von Shop 4 mit Salepix auf Shop 5 mit Nova Template problemlos? Upgrade JTL-Shop4 auf JTL-Shop5 3
Neu Sichtbarkeit welcher Shop aktiv Individuelle Listenansichten in der JTL-Wawi 2
Neu Gambio Shop Abgleich gibt immer wieder Fehlermeldung Gambio-Connector 3
Neu Kategorien bleiben im Shop bestehen Shopware-Connector 0
Neu JTL-Shop 5 - Wie fit für SEO Allgemeine Fragen zu JTL-Shop 0
Neu Gelöst: WooCommerce-Connector: "Shop-URL verweist nicht auf gültigen Shop" - Was kann ich tun? Onlineshop-Anbindung 1
nach Update von JTL Shop 4 auf 5 keine Kategoriebilder mehr Upgrade JTL-Shop4 auf JTL-Shop5 5
Neu Nach Update auf Shop 5 geht Paypal nicht mehr Installation / Updates von JTL-Shop 6
Neu JTL Shop 5 - Kunden Login funktioniert plötzlich nicht mehr JTL-Shop - Fehler und Bugs 1
Udpate auf JTL 5.1 Shop Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu Kein kompletter Online Shop Abgleich mit Woo Commerce möglich WooCommerce-Connector 0
Shop 4 Startseite hängt im Shop 5 fest Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu Shop 5 Onlineshop-Abgleich Error 500 bei Kategoriebilder JTL-Wawi - Fehler und Bugs 0
Neu ebay + Shop - Installation auf Mac? Starten mit JTL: Projektabwicklung & Migration 9
Issue angelegt SHOP-4968 - Inselzuschlag PLZ-Bereich Niederlande Einrichtung JTL-Shop5 3
Ähnliche Themen