Zum Inhalt springen

Titel

Zeigen Sie den Produkttitel mit flexibler Gestaltung und optionalen Schaltflächen zum Teilen oder Drucken an.

Verwenden Sie diesen Block, um den Produkttitel anzuzeigen und bei Bedarf schnelle Dienstprogrammaktionen daneben hinzuzufügen. Er hilft dabei, die visuelle Priorität des Produkt-Headers festzulegen und den Bereich leicht scannbar zu halten. Weitere Informationen dazu, wie Theme-Blöcke funktionieren, finden Sie in Shopify-Dokumentation zu Abschnitten und Blöcken

Die vom Quelltext bereitgestellte Referenz für diesen Block ist in Titel verfügbar.

Die wichtigsten Einstellungen steuern, wie prominent der Titel erscheint und ob Druck- oder Teilen-Aktionen angezeigt werden. In den meisten Layouts sollte der Titel klar hervorstechen, ohne Preisangaben, Kaufoptionen oder andere wichtige Produktdetails zu überlagern.

Die Textgröße bestimmt, wie viel Aufmerksamkeit der Produktname auf sich zieht. Kleinere Größen eignen sich gut für dichte Produktlayouts, während größere Größen zu einfacheren Layouts passen, in denen der Titel die Seite anführen soll.

Die Textfarbe sollte in erster Linie die Lesbarkeit unterstützen. Ein leerer, transparenter oder standardmäßiger Wert bewahrt in der Regel die umliegende Gestaltung, während eine explizite Farbe diesem Block ein eigenständigeres Aussehen verleiht. Wählen Sie eine Farbe, die sich klar vom umliegenden Hintergrund abhebt und nicht mit benachbarten Beschriftungen oder Call-to-Action-Elementen konkurriert.

Drucken und Teilen sind optionale Dienstprogrammaktionen. Aktivieren Sie sie, wenn sie dazu passen, wie Kunden die Seite nutzen, lassen Sie sie jedoch deaktiviert, wenn sie ohne klaren Nutzen für Unordnung sorgen.

Die Sichtbarkeit steuert, wann dieser Block auf unterschiedlichen Gerätegrößen angezeigt wird. Das ist nützlich, wenn Sie alternative Produktlayouts für Mobilgeräte und Desktop erstellen.

Blenden Sie den Block auf einem Gerät nur aus, wenn der Produkttitel in diesem Layout an anderer Stelle weiterhin klar angezeigt wird. Die vom Quelltext bereitgestellte Sichtbarkeitsanleitung finden Sie in Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen.

Blenden Sie diesen Block auf Mobilgeräten oder Desktops nicht aus, es sei denn, für diese Bildschirmgröße ersetzt ein anderer sichtbarer Titel ihn.

  1. Klare Hierarchie festlegen. Wählen Sie eine Titelform, die dem Produktnamen eine starke Sichtbarkeit verleiht, ohne andere wichtige Details zu weit nach unten zu schieben.
  2. Kontrast priorisieren. Verwenden Sie eine Textfarbe, die im umliegenden Layout des Blocks gut lesbar bleibt.
  3. Dienstprogrammaktionen begrenzen. Aktivieren Sie Drucken oder Teilen nur dann, wenn diese Aktionen für Ihre Kunden nützlich sind.
  4. Responsive Layouts prüfen. Prüfen Sie sowohl Mobil- als auch Desktopansicht, wenn Sie Sichtbarkeitssteuerungen verwenden, da der Titel sich über unterschiedliche Breakpoints hinweg anders darstellen kann.
  5. Den Header fokussiert halten. Vermeiden Sie es, zu viele nahe beieinander liegende Aktionen, Links oder Badges mit diesem Block zu kombinieren.