Größe des Shoplogos einstellbar

Größe des Shoplogos einstellbar

Du hast die Möglichkeit im Template die Größe deines Shoplogos individuell einzustellen.Nutze diese Einstellung, wenn dein Logo im Shop zu klein angezeigt wird. Beachte jedoch beim Hochladen des Logos, dieses muss in der Auflösung nicht größer als 500px sein.

und so kannst du die Größe einstellen:
  1. Gehe auf das Theme Editor Plugin unter dem Bereich <Plugins> <Installierte Plugins>.
  2. Wählen als Theme "MyClear" aus und klicken in der Liste auf "_variables.scss".
  3. Scrolle bis zur Überschrift "Logo" und stelle deine Höhe bei $navbar-image-height-lg ein. Ändere nur den Wert in Klammern.
  4. Speichere die Datei ab, in dem du unten auf den blauen Button "Datei speichern" drückst.
  5. Kompiliere dein Theme, in dem du oben auf den grünen Button "Theme kompilieren" drückst.

Aufschlüsselung der Variablen

$navbar-image-height: Die Höhe des Logos auf mobilen Geräten
$navbar-image-height-lg: Die Höhe des Logos auf Desktop

    • Related Articles

    • Template-Farben im JTL-Shop 5 selbst anpassen

      In diesem Video zeigen wir wie man im Shop das Logo austauschen und die Template-Farben an eigene Vorstellungen anpassen kann.  Bitte beachten, im Video zeigen wir das Template in aller ersten Version an. Der Funktionsumfang ist jetzt deutlich ...

    • Maximale Contentbreite einstellbar

      Stelle die Breite deines Shops individuell ein, ob 1024px oder 1920px. Du kannst auch die komplette Browserbreite von 100% einstellen. Warum bieten wir diese Einstellung an? Jeder Shop ist einzigartig, einer hat nur 3 Hauptkategorien, ein anderer die ...

    • Logo zentrieren in der mobilen Ansicht

      Um dein Shoplogo im Header in der mobilen Ansicht mittig zu platzieren, füge diesen CSS-Code in deine < bootstrap.css> unter /templates/FlatChild/themes/DEIN-THEME/ ein: @media (max-width: 480px) { #logo a img { display: block; margin-left: auto; ...

    • Layouts, Fluid und Boxed einstellbar

      Das Template beinhaltet zwei Layouts, Fluid und Boxed, welches man unter den Template-Einstellung einstellen kann. Fluid- Layout Die Shop-Elemente, wie Header und Footer verlaufen über die volle Shopbreite. Der mittlere Bereich ist mittig ...

    • Smile-Template - Funktionen und Einrichtung

      Das Template im Shop ansehen Bevor du mit der Einrichtung des Templates startest, bitte diese Schritte abarbeiten. Bitte versuche alle Artikel nacheinander abzuarbeiten, damit keine Fragen mehr offen bleiben.       Schnellstart So installierst du das ...