Einstellungen für Kollektionskarten

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Shopify-Dokumentation zum Anpassen von Abschnitten

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Diese Einstellungen steuern das Standarderscheinungsbild von Kollektionskarten in Ihrem Theme. Verwenden Sie sie, um eine konsistente Grundlage für Kollektionsraster, Bereiche für hervorgehobene Kollektionen und andere kollektionsbasierte Darstellungen zu schaffen, und überschreiben Sie sie dann nur in einzelnen Abschnitten, wenn ein bestimmtes Layout ein anderes Styling benötigt. Einen umfassenderen Überblick darüber, wie sich Theme-Teile anpassen lassen, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Kartenstil

Der Kartenstil legt die Gesamtstruktur und die visuelle Gewichtung von Kollektionskarten fest. Er hat den größten Einfluss darauf, wie sich Kollektionslisten anfühlen, und ist deshalb in der Regel die beste Einstellung für den Einstieg.

Banner-Stile eignen sich am besten, wenn das Bild im Vordergrund stehen soll und der Text darüber liegen kann. Stile mit Innenabstand wirken meist konventioneller und lassen sich in mehrspaltigen Layouts leichter erfassen, während Stile ohne Bild zu einfacheren, textorientierten Designs passen können.

Eine Änderung des globalen Kartenstils kann Kollektionskarten an mehreren Stellen gleichzeitig beeinflussen. Prüfen Sie nach der Anpassung sowohl Bereiche mit Kollektionslisten als auch alle werblichen Kollektionsdarstellungen, die dieselben Standardwerte verwenden.

Bild-Seitenverhältnis

Die Einstellungen für das Seitenverhältnis auf Desktop und Mobilgeräten steuern, wie Kollektionsbilder auf verschiedenen Bildschirmgrößen dargestellt werden. So halten Sie Karten visuell konsistent und können den Zuschnitt für kleinere Bildschirme trotzdem anpassen.

Breitere Verhältnisse wirken oft redaktioneller und horizontaler, während quadratische oder Hochformat-Verhältnisse jeder Kollektion mehr Präsenz verleihen. Wenn sich Ihre Kollektionsbilder stark unterscheiden, kann ein festes Seitenverhältnis das Layout sauberer machen, schneidet manche Bilder aber unter Umständen stärker zu.

Tipp

Wenn Kollektionsbilder auf dem Desktop gut aussehen, auf dem Smartphone aber zu eng zugeschnitten werden, passen Sie zuerst das mobile Seitenverhältnis an. Das verbessert in der Regel die Darstellung auf kleinen Bildschirmen, ohne das Desktop-Layout zu verändern.

Schaltflächenstil

Der Schaltflächenstil steuert, ob Kollektionskarten einen Call-to-Action anzeigen und wie stark er hervorsticht. Verwenden Sie eine stärkere Darstellung, wenn Kollektionskarten stärker zu Klicks anregen sollen, und eine dezentere Darstellung, wenn das Ziel bereits durch Bild und Titel klar ist.

Das Ausblenden der Schaltfläche kann dichte Raster aufgeräumter wirken lassen. Auffälligere Schaltflächenstile eignen sich in der Regel besser für hervorgehobene oder werbliche Kollektionsbereiche.

Kartentext

Sie können steuern, wie viel Text auf jeder Kollektionskarte angezeigt wird, vom Titel und Auszug bis hin zu gar keinem Text. Diese Einstellung beeinflusst sowohl die Klarheit als auch die visuelle Dichte.

Sowohl Titel als auch Auszug anzuzeigen, ist oft die sicherste Wahl, wenn Kollektionsnamen zusätzlichen Kontext benötigen. Nur Titel oder kein Text funktionieren besser, wenn Ihre Kollektionsnamen eindeutig sind und die Bilder den Großteil der Kommunikation übernehmen.

Textausrichtung

Horizontale und vertikale Ausrichtung steuern, wo der Text innerhalb der Karte sitzt. Diese Einstellungen fallen besonders bei bildorientierten Stilen auf, bei denen die Platzierung sowohl die Lesbarkeit als auch die Gesamtbalance der Karte beeinflusst.

Links ausgerichteter Text lässt sich in Rastern in der Regel am leichtesten erfassen. Zentrierter Text kann in werblichen Layouts hochwertiger wirken, während die vertikale Positionierung hilft, den Text von unruhigen Bildbereichen fernzuhalten.

Hinweis

Die vertikale Ausrichtung in der Mitte gilt nur für den Banner-Kartenstil. In anderen Kartenstilen hat diese Platzierungsoption nicht dieselbe Wirkung.

Globale Standardwerte und Überschreibungen

Diese Einstellungen dienen als themeweite Standardwerte für Kollektionskarten. Einige Abschnitte können sie lokal überschreiben, weshalb diese Gruppe ein guter Ort ist, um einen konsistenten Ausgangspunkt festzulegen, bevor Sie Sonderfälle anpassen. Einzelheiten zum Bearbeiten dieser Steuerungen auf Abschnittsebene finden Sie in der Shopify-Dokumentation zum Anpassen von Abschnitten

Verwenden Sie die globalen Standardwerte, um Kollektionskarten im gesamten Theme auszurichten, und setzen Sie lokale Überschreibungen nur dort ein, wo ein Abschnitt aus gestalterischen Gründen abweichen soll.

Nutzungshinweise

1. Layout zuerst wählen. Beginnen Sie mit dem Kartenstil, bevor Sie Text oder Schaltflächen anpassen, da sich durch das Gesamtlayout verändert, wie die anderen Einstellungen wirken.
2. Responsives Verhalten prüfen. Präsentationen im Slider-Stil können Navigation, Seitennummerierung, Vorschau und Breakpoint-Verhalten verändern. Prüfen Sie daher nach Layoutänderungen sowohl die Desktop- als auch die Mobilansicht.
3. Mobile Zuschnitte separat prüfen. Überprüfen Sie Kollektionskarten auf kleineren Bildschirmen immer dann, wenn Bilder wichtige Produktdetails, Gesichter oder Text enthalten.
4. Text an die Klarheit anpassen. Reduzieren Sie den Kartentext nur dann, wenn Ihre Kollektionsnamen und Bilder stark genug sind, das Ziel allein zu erklären.
5. Standard-Styling für Flexibilität verwenden. Leere, transparente oder standardmäßige Werte erhalten in der Regel das Fallback-Styling, während explizite Farben, Verläufe oder Medien-Überschreibungen den lokalen Kartenbereich unabhängiger machen.
6. Nach lokalen Überschreibungen suchen. Wenn ein Bereich nach einer globalen Änderung inkonsistent aussieht, verwendet dieser Abschnitt möglicherweise eigene Einstellungen für Kollektionskarten.