Ergänzende Produkte

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Shopify-Dokumentation zum Anpassen von Abschnitten
3. Company XYZ-Dokumentation zu den Einstellungen der Diashow-Steuerung
4. Company XYZ-Dokumentation zu den Header-Einstellungen
5. Company XYZ-Dokumentation zu Symbolen
6. Company XYZ-Dokumentation zu Produktvarianten
7. Company XYZ-Dokumentation zu den Einstellungen für Produktkarten
8. Company XYZ-Dokumentation zu den Karten-Einstellungen
9. Company XYZ-Dokumentation zu den Farbeinstellungen
10. Company XYZ-Dokumentation zu den Einstellungen für den Abschnitts-Innenabstand
11. Company XYZ-Dokumentation zu den Einstellungen für Abschnittshintergründe
12. Company XYZ-Dokumentation zur Verwendung von Videos
13. Company XYZ-Dokumentation zu den Trennlinien-Einstellungen
14. Company XYZ-Dokumentation zu den Sichtbarkeitseinstellungen

Hilfreiche Videos

Shopify-Video: 9 Tipps zur Optimierung Ihrer Produktseiten für mehr Verkäufe

Shopify-Video: 9 Tipps zur Optimierung Ihrer Produktseiten für mehr Verkäufe

Zeigen Sie verwandte Zusatzprodukte neben dem aktuellen Produkt an, um größere Bestellungen zu fördern. Dieser Block verwendet Ihre Einrichtung für ergänzende Produkte, um relevante Artikel anzuzeigen und gleichzeitig nicht verfügbare Produkte sowie Produkte, die sich bereits im Warenkorb befinden, automatisch auszublenden. Informationen zur Anordnung von Blöcken in Themes finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Dieser Block ist davon abhängig, dass ergänzende Produktdaten in der Search & Discovery-App eingerichtet sind. Wenn nichts angezeigt wird, prüfen Sie, ob für das Produkt, das Sie anzeigen, verwandte Produkte zugewiesen wurden.

Grundeinstellungen

Verwenden Sie die Artikelanzahl, um zu steuern, wie viele Auswahlmöglichkeiten Sie auf einmal anzeigen. Wenn Sie die Anzahl auf 0 setzen, werden alle verfügbaren Treffer bis zu 50 zurückgegeben. Das kann für breite Kataloge gut funktionieren, kann aber überladen wirken, wenn Ihre Produktkarten viele Details anzeigen.

Wenn dieser Block als schneller Zusatz-Hinweis dienen soll, halten Sie die Liste kompakter. Eine kleinere Auswahl ist in der Regel leichter zu überblicken und wirkt gezielter.

Hinweis

Die endgültig angezeigte Anzahl kann niedriger sein als die von Ihnen gewählte Anzahl, da dieser Block nicht vorrätige Artikel und Produkte, die sich bereits im Warenkorb befinden, ausblendet.

Layout-Einstellungen

Diese Einstellungen steuern, wie Empfehlungen auf Desktop, Tablet und Mobilgeräten angeordnet werden. Verwenden Sie ein Raster, wenn Sie mehr Produkte gleichzeitig sichtbar machen möchten, oder eine Diashow, wenn Sie eine kompaktere, fokussiertere Darstellung wünschen.

Die Spaltenauswahl ist vor allem bei Rastern und Diashows mit mehreren Karten wichtig. Auf dem Tablet verwendet die Einstellung der Spaltenanzahl auf 0 den Desktop-Wert erneut. Das ist hilfreich, wenn Sie weniger gerätespezifische Anpassungen möchten.

Höhere Spaltenzahlen funktionieren am besten mit einfacheren Karten. Wenn Karten zusätzlichen Text, Schaltflächen oder Varianten-Auswahlen enthalten, sorgen weniger Spalten in der Regel dafür, dass der Block leichter zu durchsuchen ist.

Diashow-Einstellungen

Wenn Sie Diashow-Layouts verwenden, bestimmen diese Einstellungen, wie sich der Block bewegt und wie Kundinnen und Kunden damit interagieren. Sie können Animationsstil und -geschwindigkeit, automatische Wiedergabe, Schleifen, Position der Navigation, Seitennummerierung und Slide-Vorschauen steuern. Weitere Informationen zu diesen Steuerelementen finden Sie unter Diashow-Steuerungen.

Überblenden eignet sich am besten, wenn Sie jeweils eine Empfehlung hervorheben möchten. Dadurch wird ein Single-Slide-Layout erzwungen und das Verhalten von Vorschau-Ansichten sowie Seitennummerierungsstilen deaktiviert, die mehrere sichtbare Slides voraussetzen.

Wenn Sie die automatische Wiedergabe aktivieren, halten Sie die Bewegung ruhig und leicht zu unterbrechen. Das Pausieren beim Überfahren mit der Maus kann die automatische Wiedergabe auf dem Desktop weniger aufdringlich wirken lassen.

Tipp

Verwenden Sie ein gleitendes Layout, wenn Kundinnen und Kunden mehrere Produkte schnell vergleichen sollen. Verwenden Sie Überblenden, wenn Sie eine klarere Darstellung mit einem Produkt nach dem anderen wünschen.

Header-Einstellungen

Der optionale Header hilft zu erklären, warum diese Produkte zusammengehören, und verleiht dem Block mehr Struktur auf der Seite. Eine kurze Überschrift, Beschriftung oder Zwischenüberschrift kann die Empfehlungen eher kuratiert als automatisch wirken lassen.

Sie können auch ein Symbol und eine Schaltfläche hinzufügen, um Kundinnen und Kunden zu einer größeren Kollektion, einer Bundle-Seite oder einem Kaufratgeber zu führen. Halten Sie den Schaltflächentext spezifisch, damit er die Empfehlungen unterstützt, statt mit ihnen zu konkurrieren.

Wählen Sie den Überschriftentyp so, dass er zur restlichen Hierarchie der Seite passt. Wenn die Seite bereits eine starke Hauptüberschrift hat, passt meist eine niedrigere Überschriftenebene besser. Weitere Hinweise finden Sie unter Headern und Symbolen.

Standard-Block-Einstellungen

Karten-Einstellungen

Mit diesen gemeinsamen Einstellungen können Sie die übliche Darstellung von Produktkarten für diesen Block überschreiben. Sie können Kartenstil, Bildverhältnisse, Textdichte, CTA-Darstellung, Textausrichtung und das Verhalten der Varianten-Auswahl anpassen, um Zusatzangebote besser zu unterstützen.

Einfachere Kartenstile funktionieren in der Regel am besten, wenn Sie mehrere Produkte gleichzeitig anzeigen. Wenn Sie Varianten-Auswahlen aktivieren, stellen Sie sicher, dass sie die Kaufentscheidung tatsächlich erleichtern, statt den Block zu unübersichtlich wirken zu lassen. Für die Einrichtung der Varianten-Auswahl siehe Produktvarianten und für das breitere Kartenverhalten siehe Produktkarten.

Karten-Farbeinstellungen

Diese Einstellungen überschreiben nur das Erscheinungsbild der Karte innerhalb dieses Blocks. Sie sind nützlich, wenn Sie möchten, dass ergänzende Produkte sich von anderen Produktlisten abheben, ohne das breitere Theme zu ändern.

Steuerelemente für Banner-Overlays gelten nur, wenn Sie den Banner-Kartenstil verwenden. Andernfalls konzentrieren Sie sich auf Hintergrund-, Rahmen-, Überschriften- und Textfarben, damit Preise, Titel und Aktionen gut lesbar bleiben. Weitere Informationen finden Sie unter Karten.

Farbeinstellungen

Diese Einstellungen steuern die Farben von Symbol und Text auf Blockebene rund um den Header-Inhalt. Sie sind besonders nützlich, wenn der Bereich der Überschrift mit einem benutzerdefinierten Hintergrund oder einem Kampagnenstil abgestimmt werden soll.

Prüfen Sie den Kontrast sorgfältig, wenn sich der Block vor einem farbigen, bild- oder videobasierten Hintergrund befindet, damit Überschriften und unterstützender Text lesbar bleiben. Siehe Farben.

Padding-Einstellungen

Padding steuert den Abstand oberhalb und unterhalb des Blockinhalts. Erhöhen Sie ihn, wenn die Empfehlungen mehr Luft benötigen, oder reduzieren Sie ihn, wenn der Block enger mit den benachbarten Produktdetails verbunden wirken soll.

Änderungen am Padding fallen stärker auf, wenn Sie zusätzlich Hintergründe oder Trennlinien verwenden. Siehe Seitenabstand.

Blockhintergrund-Einstellungen

Diese Einstellungen fügen dem gesamten Block eine Farbe, einen Verlauf, ein Bild oder ein Video hinzu. Sie können helfen, den Empfehlungsbereich hervorzuheben, aber auffällige Hintergründe können das Layout auch schwerer wirken lassen, wenn die Produktkarten bereits viele Details enthalten.

Overlay-Steuerelemente helfen dabei, die Lesbarkeit von Text vor Bild- oder Videohintergründen zu erhalten. Hintergrundmedien speziell für Mobilgeräte sind nützlich, wenn das Desktop-Motiv auf kleineren Bildschirmen ungünstig beschnitten wird. Siehe Abschnitthintergründe und Video verwenden.

Achtung

Starke Hintergründe in Kombination mit dicht angeordneten Kartenlayouts können das Überfliegen der Empfehlungen erschweren. Wenn der Block überladen wirkt, vereinfachen Sie entweder den Hintergrund oder das Karten-Styling.

Trennlinien-Einstellungen

Trennlinien fügen oben oder unten eine Linie hinzu, um diesen Block visuell von benachbartem Inhalt zu trennen. Sie eignen sich gut, wenn die Seite mehrere gestapelte Inhaltsbereiche hat und etwas mehr Struktur benötigt.

Wenn Abstände oder Hintergrundkontrast den Block bereits klar absetzen, benötigen Sie sie möglicherweise nicht. Siehe Trennlinien.

Sichtbarkeitseinstellungen

Mit den Sichtbarkeits-Steuerelementen können Sie diesen Block auf Desktop oder Mobilgeräten ausblenden. Das ist nützlich, wenn Sie auf kleineren Bildschirmen eine andere Empfehlungsstrategie oder ein anderes Layout wünschen.

Wenn Sie den Block für einen Gerätetyp ausblenden, stellen Sie sicher, dass ergänzende Produkte an anderer Stelle auf der Seite weiterhin leicht auffindbar sind. Siehe Sichtbarkeit.

Editor-Einstellungen

Der Editor-Titel ändert nur, wie dieser Block in der Seitenleiste des Editors bezeichnet wird. Benennen Sie ihn um, wenn Sie mehrere Blöcke im Empfehlungsstil verwenden, damit sie beim Bearbeiten leichter zu unterscheiden sind. Weitere Anpassungsoptionen finden Sie in der Shopify-Dokumentation zum Anpassen von Abschnitten

Nutzungshinweise

1. Beziehungen zuerst einrichten. Wenn der Block leer erscheint, bestätigen Sie, dass für das aktuelle Produkt ergänzende Produkte zugewiesen wurden.
2. Die Liste fokussiert halten. Weniger Artikel erzeugen in der Regel einen stärkeren Empfehlungsbereich und erleichtern Entscheidungen.
3. Layout an die Kartendichte anpassen. Verwenden Sie weniger Spalten oder einfachere Kartenstile, wenn Karten zusätzlichen Text, Schaltflächen oder Varianten-Auswahlen enthalten.
4. Bewegung sorgfältig einsetzen. Automatische Wiedergabe, Überblenden und Vorschau-Einstellungen sollten das Stöbern unterstützen, statt vom Produktbereich abzulenken.
5. Beide Ansichtsgrößen testen. Prüfen Sie Desktop und Mobilgeräte, damit Steuerelemente, Abstände und Medienauswahl in jedem Layout weiterhin klar wirken.
6. Unterschiedliche Produktzustände erwarten. Prüfen Sie den Block mit berechtigten Produkten, nicht verfügbaren Artikeln und Produkten, die sich bereits im Warenkorb befinden, damit Sie die tatsächliche Ausgabe beurteilen können.