Logo-Manager ... alternatives Logo für mobile Ansicht

Thema wurde von ReneT, 27. September 2019 erstellt.

  1. ReneT

    ReneT Erfahrener Benutzer

    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    da die Formate und Größen der Logos ja sehr variieren wäre es von Vorteil wenn man im Logo-Manger ein alternatives Logo für die mobile Ansicht einstellen könnte...
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.549
    Danke erhalten:
    228
    Danke vergeben:
    998
    Das wäre super aber dafür müsste wohl einiges umgebaut werden im Shop?

    Leider ist Mobil & Desktop bei Gambio ja nicht wirklich 2 Versionen sondern es skaliert nur soweit ich weiss.
    Daher kann ich auf dem iPhone auch nicht "Desktop-Website anfordern" nutzen bzw. es wird halt trotzdem immer die Mobile Seite angezeigt.

    Das stört mich schon länger da ich z.B. mein Menü für Mobile auch ganz anders strukturieren würde als für die Desktop Variante.

    Ich würde mir auch auch mehr Möglichkeiten wünschen um beide Versionen besser anzupassen.
     
  3. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.309
    Danke vergeben:
    2.208
    Das ist kein leider, sondern ein explizites Designziel. Komplett unterschiedliche Templates für unterschiedliche Geräte mit Browserweichen und dem ganzen Mist sind unzuverlässiger, anfälliger, pflegeintensiver Schnee von gestern. Das haben wir überaus absichtlich beerdigt, das macht niemand be Trost mehr.

    Unterschiedliche Logos für den Header kann man dabei im Prinzip aber als Ausnahme trotzdem denken. Nur lädt man dabei immer entweder gleich 2 Logos und macht die Seite etwas grösser oder man schleppt etwas mehr Javascript ein, und lässt das Magie machen. Es kommt nie umsonst.

    In Malibu haben wir den Standardheader etwas umgestaltet, der lässt etwas mehr Platz fürs Logo:
    Screenshot_2019-09-28 Testshop - Testshop.png
     
  4. MJ

    MJ Erfahrener Benutzer

    Registriert seit:
    28. April 2011
    Beiträge:
    525
    Danke erhalten:
    54
    Danke vergeben:
    91
    @Wilken - Das ist ein komisches Design-Ziel. Bin gerade im Malibu wieder drüber gestolpert und es scheint wohl immer noch so zu sein.

    Ich weiß mir selbst zu helfen damit - deshalb keine Frage sondern nur eine Inspiration. Viele 'Große' machen es genau so schon seit Jahren. Die haben bis zu vier verschiedene Größen je nach Breakpoints. Vielleicht sind die aber auch alle nicht mehr bei Trost ;)

    Die Seite spricht für sich
    http://responsivelogos.co.uk/
     
  5. Kodi

    Kodi Erfahrener Benutzer

    Registriert seit:
    21. April 2012
    Beiträge:
    60
    Danke erhalten:
    7
    Danke vergeben:
    31
    Hallo liebe Community,
    gibt es hier evtl. ein Update?

    Ein alternatives Logo für die Smartphone Version wäre auch bei uns wünschenswert.
    Würde mich auch mit einem Workaround zufrieden geben.

    Vielen Dank!
     
  6. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.948
    Danke erhalten:
    6.089
    Danke vergeben:
    1.078
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Erstelle dein Logo als SVG, dann ist es beliebig vergrößerbar und anpassbar :)
     
  7. Anonymous

    Anonymous Aktives Mitglied

    Registriert seit:
    7. November 2022
    Beiträge:
    44
    Danke erhalten:
    20
    Danke vergeben:
    22
    Da empfehle ich dir den Dominik Späte von werbe-markt.de.
    Kannst dich ja bei mir mal durch den Shop klicken (egal in welcher Ansicht) und aufs Logo achten.....
    (Link nur für registrierte Nutzer sichtbar.)
    Das lässt sich sicher auch für Desktop/ Mobil umbauen?
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    Durch ein Anpassung in der layout_header_logo.html kann man einfach ein alternatives Logo für die Smartphone Version
    einfügen.
    HTML:
        {block name="layout_header_logo"}
            <div id="navbar-brand" class="navbar-brand">
                <a href="{$logo_link}" title="{$smarty.const.STORE_NAME|escape:'html'}">
                    <img class="img-responsive hidden-xs hidden-sm" src="{$logo_url}" alt="{$smarty.const.STORE_NAME|escape:'html'}-Logo" style="border-radius: 3px;">
                    <img class="img-responsive visible-xs visible-sm" src="https://moertel-schlauch.de/images/logos/logo-xs.png" alt="{$smarty.const.STORE_NAME|escape:'html'}-Logo">
                </a>
            </div>
        {/block}
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.463
    Danke erhalten:
    551
    Danke vergeben:
    211
    Das könnte man auch per CSS machen:

    Code:
    @media (max-width: 767px) {
        .navbar-brand {  
        background-image: url('/images/logosmall.png'); /*hier das Logo
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin-top: 20px;  /*individuell
            width: 150px; /*individuell
            height: 50px;  /*individuell
        }
    }
    @media (max-width: 767px) {
        .navbar-brand img {  
        display: none;
        }
    }