Plugin Logo Größe anpassen

Heyho - Da anscheinend sehr viele Fragen kommen, wie man letzendlich das Logo anpasst und nicht jeder ganz so bewandert ist mit LESS & Co habe ich mal fix ein kleines Plugin geschrieben. Hier könnt Ihr ganz simpel in den Plugin Einstellungen die Höhe des Logos anpassen. Hier gehts zum Beitrag: https://blog.hostianer.de/shopware-5-lo … -anpassen/ Und zum Plugin http://store.shopware.com/detail/index/sArticle/162674 [color=red][size=100] Wünsche/Bugs bitte auf der Github Projekt Seite schreiben.[/size][/color] [size=100]Bitte meldet euch in unseren Newsletter an, um über Plugin Updates & Tutorials informiert zu werden.[/size]

genau danach habe ich gesucht. Der Abstand nach oben (margin-top) lässt sich aber nicht editieren, oder? Der Abstand scheint fix auf einer Höhe mit dem Suchfeld zu liegen. Ich würde mein Logo gerne weiter nach oben ziehen…

[quote=“canetti2”]genau danach habe ich gesucht. Der Abstand nach oben (margin-top) lässt sich aber nicht editieren, oder? Der Abstand scheint fix auf einer Höhe mit dem Suchfeld zu liegen. Ich würde mein Logo gerne weiter nach oben ziehen…[/quote] Kann ich mit einbauen. Allerdings ist das Logo so schon fast ganz oben, da direkt darüber das div Element für die topbar kommt.

1 Like

Hallo keyyy, Nochmals vielen Dank! Es geht jetzt. Mit der Größe verändert sich allerdings auch der Abstand des Logos zur Seitenoberkante, wie schon im Beitrag zuvor erwähnt. Herzliche Grüße. (Nicola)

Hat jemand mal einen Link zum Shop ? Ich habe hier leider nur das Demo Logo :slight_smile:

[quote=“videho”][quote=“kayyy”]Hat jemand mal einen Link zum Shop ? Ich habe hier leider nur das Demo Logo :)[/quote] http://quovadisverlag.net/[/quote] Der Seitenabstand nach obenhin soll hier größer sein ? Bzw. man soll es einstellen können, wie hoch der Abstand nach oben hin sein soll ?

[quote=“kayyy”] Der Seitenabstand nach obenhin soll hier größer sein ? Bzw. man soll es einstellen können, wie hoch der Abstand nach oben hin sein soll ?[/quote] Ja, der Abstand nimmt mit der Größe des Logos zum oberen Rand hin zu. Wäre gut dies reduzieren zu können.

Bei http://quovadisverlag.net/ kann man das “Problem” nicht erkennen, da aus dem Header ja das Suchfeld inkl. der anderen Elemente (Login Button) entfernt wurden. Sofern man aber diesbezüglich keine Anpassungen vornimmt, bleibt der Abstand bei Vergrößerung des Logos nach oben immer fix (auf einer Linie mit border-top des Suchfeldes). Es wäre daher super, wenn man das Logo weiter nach oben ziehen könnte. Bitte schreib in diesen Thread mal eine kurze Benachrichtigung, sofern Du Dein Plugin diesbezüglich erweiterst. Vielen Dank schon mal für Deine Mühe!!!

Anpassungen kann ich natürlich gern machen, falls möglich aber solche Wünsche bitte auf Github mit reinpacken, da ich nicht immer Zeit habe. Und die Issues auf Github kommen direkt in unser Jira rein, sodass wir hier immer einen Überblick haben :slight_smile: Zum Plugin selbst: Wenn das Logo vergrößert ist, ist die Suche natürlich auch praktisch ganz oben bzw. an der höchsten Stelle des Logos. Das Suchfeld und die Navi rechts daneben sollten dann mittig vom Logo sein ? Oder soll man den Abstand nach obenhin selber festlegen können ?

[quote=„kayyy“] Das Suchfeld und die Navi rechts daneben sollten dann mittig vom Logo sein ? Oder soll man den Abstand nach obenhin selber festlegen können ?[/quote] Mittig wäre sehr praktikabel m.E. Wo genau kann man in Github posten?

[quote=„videho“][quote=„kayyy“] Das Suchfeld und die Navi rechts daneben sollten dann mittig vom Logo sein ? Oder soll man den Abstand nach obenhin selber festlegen können ?[/quote] Mittig wäre sehr praktikabel m.E. Wo genau kann man in Github posten?[/quote] Okay schaue ich mir dann mal an. Bzgl. Github: https://github.com/hostianer/HostiLogo/issues Rechts der grüne Button „New Issue“.

1 Like

[quote=“videho”][quote=“kayyy”] Das Suchfeld und die Navi rechts daneben sollten dann mittig vom Logo sein ? Oder soll man den Abstand nach obenhin selber festlegen können ?[/quote] Mittig wäre sehr praktikabel m.E. Wo genau kann man in Github posten?[/quote] Hast du evtl. auch noch einmal einen Link zu deiner Seite bzgl. des “Logo Problems” ?

Anbei mal eine Grafik zur Veranschaulichung. Die roten Pfeile geben die Richtung an, in der ich das Logo gerne verschieben würde. Es ist halt die Frage, ob das so einfach möglich ist, oder ob so das Raster des Standardtemplates zerschossen wird? https://www.dropbox.com/s/dzerbb0u8tpbp … t.jpg?dl=0

… genau das meinte ich mit “Template zerschießen”. Dann lassen wir das mal lieber mit der “unschönen Lösung” und geben uns mit dem zufrieden, was wir haben :wink:

… das ist dann aber generell ein Nachteil des Standardtemplates, da das Seitendesign bei Platzierung eines quadratischen (und etwas größeren) Logos deutlich schlechter aussieht…

[quote=„canetti2“]… das ist dann aber generell ein Nachteil des Standardtemplates, da das Seitendesign bei Platzierung eines quadratischen (und etwas größeren) Logos deutlich schlechter aussieht…[/quote] Dann müsste man einfach die topbar ausblenden und evtl. woanders hinsetzen. Ich persönlich halte die topbar sowieso für unnutz, wenn man nicht evtl. gerade International verkauft. Sieht auch so arg leer auf der linken Seite aus :slight_smile:

Da ich auch ein großes Logo habe (300x150px) ich habe das Logo erst mal in der Desktop-Ansicht mit: @media screen and (min-width: 48em) { .header-main .logo-main {.unitize(margin-top,-30)} .header-main .logo-main .logo--shop {.unitize(height,150)} .header-main .logo-main .logo--link {.unitize(height,150)} } nach oben geschoben. So ragt das Logo in die Top-Bar hinein. Wie ich es bei den anderen Ansichten mache muss ich erst noch ausprobieren.