Logo
Laden Sie Ihr Logo in diesem Abschnitt hoch.
Wir empfehlen eines SVG-Logo, da es viel schärfer und schöner ist als jedes andere Dateiformat.
Die Abmessungen finden Sie auf dieser Seite
SVG logo:
Laden Sie Ihr Logo in Tools > Bestanden kopieren Sie dann den Link und fügen Sie ihn in Logo SVG ein.
Sie können den gleichen Link auch in Mobile logo svg einfügen, aber Sie können ein separates Logo für Ihren mobilen Webshop erstellen.
– Logo position: Wählen Sie aus, wo Sie Ihr Logo anzeigen möchten. Links in der Kopfzeile oder zentriert. Bei zentriert verlagert sich auch die Navigation in die Mitte.
– Logo dimensions: Wählen Sie hier den gewünschten Logostil aus. Quadratisch oder rechteckig. Die Maße sind da, können aber auch hier nachschauen.
– Logo background color: Wählen Sie hier die Hintergrundfarbe Ihres Logos. Wenn Ihr Logo bereits eine Farbe hat, deaktivieren Sie die Option Logohintergrund.
– Logo padding: Legen Sie hier fest, wie viel Platz Sie um Ihr Logo herum wünschen. Damit meinen wir den lila Teil im Bild unten
– Favicon: Dies ist das kleine Logo in Ihrem Browser, verwenden Sie ein quadratisches Bild.
Theme einstellungen
Geben Sie hier an, ob Sie das Theme mit abgerundeten Ecken oder ohne abgerundete Ecken verwenden möchten.
Runde Ecken
Gerade Ecken
Farben
Stellen Sie hier Ihre Hauptfarbe ein, die als wichtigsten verwendet wird.
Dies ist für Elemente wie die folgenden:
- Green color und Red color: Hiermit stellen Sie die grüne Farbe und die rote Farbe ein, die beispielsweise für die Benachrichtigungen „Auf Lager“ oder „Nicht auf Lager“ verwendet werden. Dies gilt beispielsweise auch für „geöffnete“ oder „geschlossene“ Benachrichtigungen.
Text
Stellen Sie hier alle Schriftarten und Textfarben für Ihre Titel und texten ein.
Sehen Sie sich für schöne Schriftkombinationen an https://www.fontpair.co/ oder https://fonts.google.com/
Tasten
Legen Sie hier die Farben Ihrer Schaltflächen fest.
– Primary button: Dies ist Ihr CTA (Call-to-Action-Button). Dies wird für wichtige Aktionen, wie das Hinzufügen zum Warenkorb etc, verwendet.
– Secondary button: Ihr zweitwichtigster Button und wird zum Beispiel für die Kategorie-Buttons verwendet
– Third button: Dies ist Ihre unterstützte Schaltfläche. Sie können diese sowohl transparent als auch gefüllt machen. Verwenden Sie dort für die Einstellung Dritte Taste transparent
