NormanDS

Mitglied
9. April 2021
29
4
Hallo zusammen,

ich habe das Problem, dass mein Shop Logo am Desktop verzerrt dargestellt wird. Auf dem mobilen Endgerät sieht es eigentlich ganz gut aus. Wobei ich auch hier sagen würde, dass minimale Abweichungen vorhanden sind.
Wenn ich die Ursprungsdatei mit bspw. Photoshop öffne, wird es richtig angezeigt. Ich habe das Logo auch schon in weiteren Formaten und Größen exportiert und als Standardelement hochgeladen.
Kennt jemand das Problem? Ich bin mit dem Shop auf Version 5.1.1 und nutze das Nova Template. Wenn ich mich nicht täusche, tritt das Problem auf seit dem Upgrade auf 5.1.0 auf.
Das Header-Plugin habe ich auch schon testweise eingebunden und mit der Größe experimentiert. Brachte allerdings auch keinen Erfolg.

Beste Grüße
Norman
 

bbfdesign

Offizieller Servicepartner
SPBanner
28. September 2013
185
18
Hi
Im Nova Template wurde eine feste Breite & Höhe eingefügt:


2021-10-10 14_01_50-Window.png

Entferne die Angabe entsprechend oder passe diese an (Child Theme !! Sonst könnten die Änderungen bei einem der kommenden Updates überschrieben werden).

Du musst die folgende Datei anpassen bzw. ins Child holen (der Block reicht ja): /templates/NOVA/layout/header.tpl

Gruß Björn
 
  • Gefällt mir
Reaktionen: NormanDS

NormanDS

Mitglied
9. April 2021
29
4
Hi Björn,

vielen Dank für deine Antwort. Die header.tpl und den entsprechende Code habe ich unter /templates/NOVA/layout/ gefunden.
Wie bringe ich jetzt die Datei in das Child Template? Der Pfad /templates/NOVAChild/layout/ ist bspw. nicht vorhaden.

1633875219125.png

Viele Grüße
Norman
 

NormanDS

Mitglied
9. April 2021
29
4
Hi,

ich habe jetzt den Ordner Layout im NOVAChild-Pfad angelegt und ebenfalls eine header.tpl erstellt inkl. Verknüpfung zum Parent-Template + block 'layout-header-logo'.
Wenn ich die width und height -Werte anpasse, hat es auch Einfluss auf das Logo, jedoch wird es weiterhin verzerrt dargestellt, selbst wenn ich die Werte bzw. das Seitenverhältnis oder auch die Pixel exakt auf die Bilddatei einstelle.
Nur wenn ich width und height entferne wird das Logo nicht verzerrt dargestellt. Die größe des Logos auf dem mobilen Endgerät ist gut, auf dem Desktop jedoch ein bisschen zu klein. Kann man das irgendwo noch konfigurieren?

Leider wird das Logo auch nicht vertikal zentriert dargestellt, wie z.B. das Suchfenster. Gibt es hierfür auch eine Lösung?

Besten Dank im Voraus!

Viele Grüße
Norman
 

NormanDS

Mitglied
9. April 2021
29
4

Hallo Michael,

vielen Dank für diesen Hinweis!
Ich habe die Anpassungen in den Dateien vorgenommen und das Child-Template neu kompiliert.
Das Logo wird jetzt nicht mehr verzerrt dargestellt, dafür allerdings auf allen Endgeräten in der gleiche Größe angezeigt. Auf dem Smartphone wird jetzt bspw. die Suche etc. überlagert, weil das Logo zu breit ist.
Änderungen in der header.tpl haben keine Auswirkungen mehr. Gibt es noch etwas zu berücksichtigen?

Viele Grüße
Norman
 

NormanDS

Mitglied
9. April 2021
29
4
Hallo zusammen,
ich habe es endlich hin bekommen.

Ich musste die Variablen aus der Parent variable.scss ind die Child varibales.scss übernehmen. Zuvor hatte ich nur die Variable für die Primary-Farbe übernommen.
In Zeile 361 und 362 stehen jetzt die Variablen für die Logo-Größen zur Verfügung und wurden an dieser Stelle entsprechend meiner Anforderungen angepasst.

1634394095267.png

In der my-nova_crit.scss bei mir in Zeile 222 wird die zuvor angepasste Variable verarbeitet.
In der Zeile 223 wird width auf auto gesetzt: https://forum.jtl-software.de/threads/shop-5-1-1-nova-bestseller-logo.167361/#post-911808

1634394028786.png

Die von mir zuvor angelegte header.tpl wurde wieder entfernt. Nachdem gesichtert und kompiliert wurde, wird das Logo bei mir in den richtigen Größen angezeigt und wird auch nicht mehr verzerrt dargstellt.

Danke nochmal @MHillmann für die Tipps!

Beste Grüße
Norman
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Logo des Shops in Firefox Übersicht Templates für JTL-Shop 2
Neu Lieferscheine: Bild mit Bedingung (Triman Logo Frankreich) User helfen Usern - Fragen zu JTL-Wawi 2
Neu Plugin: JTL Header Version: 1.0.0-beta.4 verursacht flackerndes Logo Plugins für JTL-Shop 7
Neu Shop 5.1.1 > Nova > Bestseller | Logo Templates für JTL-Shop 7
In Diskussion Logo für Bon in JTL-POS auf Chromebox JTL-POS - Fragen zu Hardware 10
Neu Logo vergrößern JTL 5 Shop Allgemeine Fragen zu JTL-Shop 17
Neu Shop5 Breadcrumb wird ganz links, dann wieder eingerückt angezeigt JTL-Shop - Fehler und Bugs 1
Neu ElektroG3 - Umsetzung in JTL Shop5 Allgemeine Fragen zu JTL-Shop 0
Neu Shop5 Sprachvariablen Kontaktdaten Bereich Registrierung teilen für Rechnungsadresse und Lieferadresse Betrieb / Pflege von JTL-Shop 2
Neu Fehler beim Anlegen von Verkaufskanal Shop5 im Testsystem Onlineshop-Anbindung 0
Neu Eigenschaftswerte(Variationswerte z.B. Pflichtfreitextfeld bei custom Artikel) in pushed_success.tpl hinzufügen Shop5 Nova Template Templates für JTL-Shop 1
Neu Shop5 | Breadcrumb Navigation | entfernen der Trennlinien über und unterhalb Templates für JTL-Shop 3
Neu JTL Shop5 ... Merkmalwerte mit 0 Treffer ausblenden Templates für JTL-Shop 0
Neu Fehler beim Anlegen von Verkaufskanal Shop5 im Testsystem Installation / Updates von JTL-Shop 3
Startseite Shop5 Slider wird nicht angezeigt Einrichtung JTL-Shop5 0
Neu JTL-Shop5 ... Kategorie-Menü in Seitenleiste per OnMouseOver aufklappen Templates für JTL-Shop 4
Neu Shop5 NOVA Child Template auf aktuelle Version updaten Technische Fragen zu Plugins und Templates 7
Neu Testskript? Shop5 Installation / Updates von JTL-Shop 6
Neu Entwickler gesucht JTL Konfigurator Shop5 Freitext Dienstleistung, Jobs und Ähnliches 0
Wie mit URL Slashes in Shop5 und relativen Pfaden umgehen? Einrichtung JTL-Shop5 5
Neu [SHOP5][NOVA] Filtersuchfeld filtert nur sichtbare Merkmale JTL-Shop - Fehler und Bugs 1
Neu Bei JTL SHOP5 Installation - Keine config.JTL-Shop.ini.php gefunden / 500 - Internal Server Error Installation / Updates von JTL-Shop 3
Neu JTL Shop5 Artikel mit Bestand 0 ans Ende der Liste User helfen Usern - Fragen zu JTL-Wawi 0
Neu Auswahlassistent Shop5 Allgemeine Fragen zu JTL-Shop 4
Neu Größentabelle Shop5 Allgemeine Fragen zu JTL-Shop 2
Neu Shop5: JTL Paypal, Ratenzahlung und dann noch Mollie Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Energielabel (für JTL-Shop5) - empfohlen vom Händlerbund! Plugins für JTL-Shop 3
Neu 💙 Neues Plugin: Messenger Kontaktlayer (für JTL-Shop5) Plugins für JTL-Shop 5
Neu 💙 Neues Plugin: Artikelsticker Plus (für JTL-Shop5) Plugins für JTL-Shop 4
Neu JTL Shop5 Plugin " Gefahrensymbol" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Mixbox Plugin für JTL-Shop5 Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Shop5 Plugin " Pfand incl. Altteilesteuer für den KFZ Handel" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Platzhalter Datenbankfelder Betreffzeile Email aus shop5 Bestellbestätigung Versandbestätigung etc Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop5 API Bug Allgemeine Fragen zu JTL-Shop 1
Neu STRIPE Zahlungsplugin für JTL-Shop5 Plugins für JTL-Shop 13
Neu 💙 Neues Plugin: Kategorietext Anzeige Plus (für JTL-Shop4 und JTL-Shop5) Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Lexikon/Glossar (für JTL-Shop5) Plugins für JTL-Shop 0
PHP Version 7.4 + 8 generiert Fehler 500 (shop5) Einrichtung JTL-Shop5 2

Ähnliche Themen