Logo Vergrößern und Header Hintergrundbild?

maitho

Gut bekanntes Mitglied
16. Mai 2011
369
9
Hallo also im Shop 3 habe ich ja viele anpassungen leicht machen können nur hier im 4er bin ich leicht überfordert gerade :D
Wie kann ich das Logo vergrößern? Es wird skaliert auf 181 x 60 das finde ich zu klein.
Ich habe mich für das Boxed Layout entschieden und möchte nun dem Header ein Hintergrundbild zuweisen wo kann ich das machen und am liebesten wäre mir zu wissen wie?

Ich hoffe jemand kann mir helfen.
Danke
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.385
263
AW: Logo Vergrößern und Header Hintergrundbild?

Wie auch schon im 3er Shop, alles per CSS.

#logo a img {
max-height: ...
}

header {
background: ...
}
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.385
263
AW: Logo Vergrößern und Header Hintergrundbild?

Der Selektor für das Logo muss natürlich auch für die ganzen Media Queries angeglichen werden :)
 

naneona

Aktives Mitglied
16. November 2013
214
0
Berlin
AW: Logo Vergrößern und Header Hintergrundbild?

Klappt nicht so ganz, aufgrund einer Verschachtelung geht das bis max 400 px

Ja habe ich auch festgestellt, vielleicht kann das jemand bitte genauer Erklären.
Der Selektor für das Logo muss natürlich auch für die ganzen Media Queries angeglichen werden :)

Der Tipp mag passen nur leider kann ich damit nichts anfangen.
Ich denke das Problem werden viele in der Zukunft haben, da der LOGO Platz viel zu klein ist.
Ein LOGO soll ja einen Wiedererkennungswert haben und in der Standard EVO Aufteilung ist reichlich Platz den man Nutzen kann.
 

MichaelH

Sehr aktives Mitglied
17. November 2008
13.831
1.547
AW: Logo Vergrößern und Header Hintergrundbild?

Ja habe ich auch festgestellt, vielleicht kann das jemand bitte genauer Erklären.


Der Tipp mag passen nur leider kann ich damit nichts anfangen.
Ich denke das Problem werden viele in der Zukunft haben, da der LOGO Platz viel zu klein ist.
Ein LOGO soll ja einen Wiedererkennungswert haben und in der Standard EVO Aufteilung ist reichlich Platz den man Nutzen kann.

Unterschreib.

-> http://forum.jtl-software.de/verbes...t-mit-einem-standard-template.html#post461567
 

christian1701

Sehr aktives Mitglied
19. Juli 2007
2.696
30
Wien
AW: Logo Vergrößern und Header Hintergrundbild?

Wird das Logo dann auch verkleinert wenn man mit einem mobilen Gerät bzw. kleinerem Bildschirm zugreift? Das winzlogo war für mich schon im shop3 zu klein, aber da hab ich die ganze headergrafik ausgetauscht. Da wars aber egal da nicht responsive und eigenes template für mobil.
 

MichaelH

Sehr aktives Mitglied
17. November 2008
13.831
1.547
AW: Logo Vergrößern und Header Hintergrundbild?

Ich habe schon einen neuen Header für EVO-Testshop, komprimiert und passend, und ja, das Logo verändert die Größe automatisch und problemlos und bleibt ordentlich zum Rest passend.
 

maitho

Gut bekanntes Mitglied
16. Mai 2011
369
9
AW: Logo Vergrößern und Header Hintergrundbild?

Irgendwie will das mit dem Header nicht so richtig. Habe das jetzt so eingetragen:

header {
background: url("/images/header.png") ;
}

aber wo muss das Hintergrundbild rein?
Ich habe es unter /httpdocs/templates/Evo/themes/base/images abgelegt aber das scheint nicht der richtige Platz zu sein.
 

MichaelH

Sehr aktives Mitglied
17. November 2008
13.831
1.547
AW: Logo Vergrößern und Header Hintergrundbild?

Habe es nicht selber gemacht, daher kann ich dir leider nicht helfen - aber - es geht und das zu wissen ist schon mal was Wert ... ;)
 

MichaelH

Sehr aktives Mitglied
17. November 2008
13.831
1.547
AW: Logo Vergrößern und Header Hintergrundbild?

Also mein Header ist nicht mehr Standard, weil ja mehr Platz geschaffen wurde für das breite Logo.
Das Logo ändert sich nun aber in der Größe automatisch mit, obwohl es breiter und höher ist als das Original-Logo war.

Im Standard tut es das auch, mach mal ganz ganz schmal (im Browser), dann wird das Logo auch kleiner:
https://demo.jtl-shop.de/
 

lesestoff

Gut bekanntes Mitglied
16. November 2009
174
1
AW: Logo Vergrößern und Header Hintergrundbild?

Hallo Maitho,
bei mir hat das folgendermassen funktioniert. Bin aber nicht mit boxed layout unterwegs.

#header-branding {
background-color: transparent;
background-image: url("http://shop4.mqlt.de/bilder/banner/header_bgnd.png");
min-height: 150px;
}
 

naneona

Aktives Mitglied
16. November 2013
214
0
Berlin
AW: Logo Vergrößern und Header Hintergrundbild?

Leider wird die Header Grafik nicht (genügend) runterskaliert bei mobilen Geräten. Hätte ich das anders machen sollen, damit es klappt?
Siehe: http:// shop.mqlt.de
lg
Deine Seite lässt sich momentan nicht aufrufen.

Liebes JTL Team, könntet Ihr uns gnädiger Weise ein Lösung für das Problem aufzeigen?
Was sollen wir mit dieser Mickey Mouse Größe des Logos anfangen. ;)

BITTE BITTE BITTE
 

naneona

Aktives Mitglied
16. November 2013
214
0
Berlin
AW: Logo Vergrößern und Header Hintergrundbild?

Leider wird die Header Grafik nicht (genügend) runterskaliert bei mobilen Geräten. Hätte ich das anders machen sollen, damit es klappt?
Siehe: http:// shop.mqlt.de
lg
Ja das ist ein Problem, ich lasse trotzdem erst mal.
Denn ein vernünftiges Aussehen auf dem Desktop hat Vorrang.

Somit bleibt der Hilferuf bestehen:

Liebes JTL Team, könntet Ihr uns gnädiger Weise ein Lösung für das Problem aufzeigen?
Was sollen wir mit dieser Mickey Mouse Größe des Logos anfangen. ;)

BITTE BITTE BITTE
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu List & Label Neue Vorlage Projektbaustein Bild Logo nur auf erstem Exemplar anzeigen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Logo in HTML Emailvorlage User helfen Usern - Fragen zu JTL-Wawi 6
Neu Menü, Logo und Suche beim Scrollen anzeigen / Mobilansicht Templates für JTL-Shop 0
Dropshipping und Beilegeretoure Otto.de - Anbindung (SCX) 2
Neu Kundendaten extern verschlüsseln (Für den eigenen Shop) und per Import importieren Technische Fragen zu Plugins und Templates 0
Neu Wo und wie finde ich meine Kunden mit einer Marketing-Permission? JTL-Shop - Ideen, Lob und Kritik 0
Neu JTL Shipping - Amazon Prime und nicht-Prime JTL-ShippingLabels - Ideen, Lob und Kritik 0
Neu Amazon - Angebotszuordnung löschen und wieder herstellen Onlineshop-Anbindung 1
Neu Attribute wie Farbe und Größe lassen sich nicht filtern WooCommerce-Connector 0
Farbe zwischen Header und Footer ändern Einrichtung JTL-Shop5 0
Neu WMS Vorteile und Nachteile JTL-WMS / JTL-Packtisch+ - Ideen, Lob und Kritik 5
Neu Mehrsprachiger Shop-Aufbau: .de und .nl Domain - worauf muss man achten? Allgemeine Fragen zu JTL-Shop 5
Neu Wie kann ich mit der Wawi Ebay Rechnungen erstellen und nach ebay hochladen? eBay-Anbindung - Fehler und Bugs 3
Ameisen-Export Buchungsdaten (Rechnungen) - Mahndatum und Mahnstufe fehlen JTL-Ameise - Fehler und Bugs 0
Neu Workflow - Stücklisten im Auftrag abfragen und korrekt in einer Mail auflisten User helfen Usern - Fragen zu JTL-Wawi 1
Neu JTL 5, Footerdesign, Boxabstände und Ausrichtung korrigieren Gelöste Themen in diesem Bereich 5
Neu Firmen- und E-Mail Einstellungen - Text hevorheben (fett) und Anordnung in Vorlage anpassen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 21
4K Monitor und Skalierung JTL-Wawi 1.8 2
Neu Updatepolitik und Testen von Software - aktuell 5.2.4 Installation / Updates von JTL-Shop 8
Kunden und Artiekl ausblenden JTL-Wawi App 1
Neu Es werden nur jpg Bilder angezeigt und keine webP Gelöste Themen in diesem Bereich 3
Neu Auftragszahlung über Kasse, Auftrag wird nicht als "Verpackt und Versendet" markiert JTL-POS - Fehler und Bugs 1
Gelöst Kassenschublade und Drucker bei iMin D4 Pro JTL-POS - Fragen zu Hardware 4
Neu eBay zusammenfassen von Aufträgen und Buchhaltung User helfen Usern - Fragen zu JTL-Wawi 0
Neu Selbstabholer und eBay User helfen Usern - Fragen zu JTL-Wawi 6
Workflows: Versandgruppen finden und ansprechen JTL-Wawi 1.8 0
Auswertung POS-Umsätze nach Wochentag und Tageszeit JTL-Wawi 1.7 0
Neu Fehler bei Sprach- und Währungsumstellung Allgemeine Fragen zu JTL-Shop 0
Neu Verkaufspreis Differenz Shop und Wawi JTL-Shop - Fehler und Bugs 4
Neu Mehrere Sprachen aktivieren und verschiede Preise pro Land erstellen Betrieb / Pflege von JTL-Shop 1
Neu Paypal Plugin Version 1.2.0 läuft und 1.4.0. läuft nicht auf derselben Umgebung Plugins für JTL-Shop 0
Neu Was steckt hinter der Zahl von 53 Bildern auf Ebay bei Variationsartikeln (und einer unsinnigen Fehlermeldung der Wawi)? JTL-Wawi - Fehler und Bugs 2
Neu Filtereinstellungen: wenn Sonderpreis bei Vater- oder Kindartikeln, Anzeige von Vater- UND Kindartikeln User helfen Usern - Fragen zu JTL-Wawi 5
Neu Sprachvariablen nicht in korrekter Groß- und Kleinschreibung JTL-Shop - Fehler und Bugs 4
Neu Gewicht auf Rechnung (Artikelgewicht und Zusatzgewicht) Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Neues Plugin: Google Translate / Übersetzer (DSGVO-konform und weitere Features) Plugins für JTL-Shop 2
Neu Workflow Aktion E-Mail senden kann nicht Plain und HTML Email zusammen versenden Arbeitsabläufe in JTL-Wawi 6
Neu JTL Shopify Connector und Billbee frage Shopify-Connector 0
Neu Neues Plugin: Instagram-Feed Portlet (Als Galerie- oder Slideransicht und weitere Features) + 3x kostenlose Lizenzen Plugins für JTL-Shop 4
In Bearbeitung Startschwierigkeiten Scanner und Bon Drucker Allgemeine Fragen zu JTL-POS 3
Neu JTL Worker 2.0 und tinetbestellung Technische Fragen zu den JTL-Connectoren 0
Neu Position Versandkosten und Versandkostenname in PositionTable ausblenden - neuen Vorlagen. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Liste aller Namespaces und dessen Aufgabe Allgemeine Fragen zu JTL-Shop 0
Kundenattribute aus Shop übernehmen und aus Wawi zurück an Shop übermitteln Einrichtung JTL-Shop5 1
Neu Warenkorb Hinweise bei Bestandsänderung und Preisänderung Allgemeine Fragen zu JTL-Shop 2
In Bearbeitung Artikel über csv-Datei bearbeiten und importieren Allgemeine Fragen zu JTL-POS 3
Verbindung zu Kundencenter geht verloren und Lizenz muss erneut abgteglichen werden JTL-Wawi 1.8 16
Landingpage Header und Footer erstellen zwecks Vorbestellung Einrichtung JTL-Shop5 0
Neu klare Warnung vor den Bausteinen und der PDF in Vorlagen User helfen Usern - Fragen zu JTL-Wawi 4
Neu JTL erstellt falsche Rechnungskorrekturen für Amazon.co.uk Aufträge und verweigert den Support Amazon-Anbindung - Fehler und Bugs 5

Ähnliche Themen