Logo Mobile Ansicht

Thema wurde von Anonymous, 30. April 2022 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo zusammen,

    wie kann ich in der Mobilen Ansicht neben meinem Logo noch Text dazu schreiben?

    logo_mobil.jpg

    #Ich habe dazu im Forum nichts gefunden!

    Danke
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    hmmm... mit in die Logo-Datei integrieren evtl.?
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Da muss ich peter_sikorski zustimmen:
    Weil unser Logo für die Handy- und Tablet-Ansicht zu groß ist, habe ich unterschiedliche Logos entworfen. Eins für die Mobile und eins für die Desktop-Ansicht. Dazu die layout_header_logo.html überladen:
    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://dein-shop.de/images/logos/logo-xs.png" alt="{$smarty.const.STORE_NAME|escape:'html'}-Logo">
                </a>
            </div>
        {/block}
    Da kannst du ein Logo für die mobile Ansicht mit Text entwerfen und unter images/logos/ speichern
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo Gerd

    Vielen Dank für den Tipp, so hatte ich mir das vorgestellt. :)
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    so sieht das ganze auf einem Apple IPad 10,2" aus!
    Da muss ja noch etwas angepasst werden!
    apple_ansicht.png
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Dazu müsste ich mal in deinen Shop schauen, schicke mal einen Link zu deinem Shop.