Erfolgreich
Logo-Element
Zeigen Sie ein verlinktes Logo oder Markenbild mit optionalem Text und flexibler Größe an.
Verwenden Sie diesen Block, um ein Logo oder ein anderes Markenbild mit optionalem Text und einem Link hinzuzufügen. Er eignet sich gut für Partnerlogos, Händlerlisten, Zertifizierungen oder Presseerwähnungen, bei denen das Bild im Mittelpunkt bleiben soll, etwas Kontext aber dennoch hilfreich ist. Einen Überblick darüber, wie sich dies in Ihr Theme einfügt, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken
Grundeinstellungen
Abschnitt betitelt „Grundeinstellungen“Beginnen Sie mit dem Bild und legen Sie dann die maximale Breite fest, je nachdem, wie präsent das Logo im Layout wirken soll. Kleinere Breiten funktionieren in der Regel besser in Reihen mit mehreren Logos, während größere Breiten zu einzelnen Hervorhebungen oder lockeren Layouts passen.
Wenn Sie Max image width auf 0 setzen, wird das Bild auf die gesamte verfügbare Breite des Blocks erweitert. Das kann für schmale Layouts gut funktionieren, kann aber auch gemischte Logoreihen unausgewogen wirken lassen, wenn ein Element visuell dominiert.
Verwenden Sie Caption für eine kurze Beschriftung und Text content für kurze unterstützende Hinweise. Halten Sie beides knapp, damit das Logo der Hauptfokus bleibt und nicht mit einem Textabsatz konkurriert.
Fügen Sie einen Link hinzu, wenn das Logo Kunden zu einem nützlichen Ziel führen soll, etwa zu einer Markenseite, einer Kollektion oder einer Kampagnen-Landingpage. Aktivieren Sie das Öffnen des Links in einem neuen Tab nur dann, wenn es wirklich hilfreich ist, die aktuelle Seite beizubehalten.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Verwenden Sie die Sichtbarkeitssteuerung, um diesen Block auf allen Geräten, nur auf dem Desktop oder nur auf Mobilgeräten anzuzeigen. Das ist besonders nützlich, wenn Sie auf kleineren Bildschirmen eine einfachere Logo-Anordnung wünschen oder an unterschiedlichen Breakpoints eine andere Anzahl an Logos benötigen. Einzelheiten zur Einrichtung finden Sie in der Shopify-Dokumentation zum Anpassen von Abschnitten
Für das gemeinsame Verhalten dieser Einstellungsgruppe siehe Sichtbarkeitseinstellungen.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Verwenden Sie saubere Logodateien. Wählen Sie Bilder mit gutem Kontrast und möglichst wenig eingebautem Leerraum, damit sie sich sauberer an anderen Logo-Elementen ausrichten.
- Gleichen Sie die Logogröße visuell aus. Passen Sie die Breite danach an, wie groß jedes Logo erscheint, nicht nur danach, ob die Pixelwerte der Dateien übereinstimmen.
- Halten Sie den Text kurz. Verwenden Sie nur die Beschriftung oder einen kurzen unterstützenden Text, der hilft, das Logo zu identifizieren oder zu erläutern.
- Verlinken Sie gezielt. Führen Sie jedes Logo zu einem relevanten Ziel, das Kunden beim weiteren Stöbern unterstützt oder ihnen hilft, mehr zu erfahren.
- Prüfen Sie die mobile Darstellung. Wenn einige Logos auf kleineren Bildschirmen gedrängt oder überflüssig wirken, verwenden Sie die Sichtbarkeitseinstellungen, um das Layout zu vereinfachen.
- Prüfen Sie beide Breakpoints. Desktop- und mobile Einstellungen können unterschiedliche Ausrichtung, Sichtbarkeit und Medienverhalten erzeugen. Prüfen Sie daher beide Ansichten, nachdem Sie Änderungen vorgenommen haben.
- Beachten Sie Medien-Overrides. Lassen Sie Farben oder Medienoptionen auf dem Standardwert, wenn der Block die umgebende Gestaltung übernehmen soll; explizite Overrides heben das Logo-Element stärker hervor und können verändern, wie gut es in der Reihe lesbar wirkt.