Erfolgreich
Variantenauswahl
Produktvarianten mit Dropdowns, Pills und optionalen Farb- oder Bild-Farbfeldern anzeigen.
Verwenden Sie diesen Block, um die Variantenoptionen eines Produkts in einem Format anzuzeigen, das am besten zum Produkt passt. Er wird nur angezeigt, wenn Variantenoptionen vorhanden sind, und Sie können einen Standard-Auswahlstil mit optionalen Farb- oder Bild-Farbfeldern kombinieren, um die Auswahl visueller zu gestalten. Company XYZ-Dokumentation zum Block Variantenauswahl Für einen umfassenderen Überblick darüber, wie Blöcke in Shopify-Themes funktionieren, siehe Shopify-Dokumentation zu Abschnitten und Blöcken
Grundeinstellungen
Abschnitt betitelt „Grundeinstellungen“Wählen Sie den Haupt-Auswahlstil anhand der Anzahl der Optionen, die Sie präsentieren müssen, und davon, wie visuell das Produktformular wirken soll. Dropdown eignet sich gut für kompakte Layouts oder Produkte mit vielen Werten, während Pills kleinere Optionssätze leichter erfassbar und antippbar macht.
Dieser Hauptstil dient auch als Fallback für alle Optionstypen, die nicht als Farbfelder konfiguriert sind.
Farbeinstellungen für Farbfelder
Abschnitt betitelt „Farbeinstellungen für Farbfelder“Verwenden Sie Farbfelder, wenn Kundinnen und Kunden Optionen zuverlässig allein anhand der Farbe erkennen können. Das eignet sich am besten für gängige farbbasierte Optionen, und Sie können das Ergebnis mit benutzerdefinierten Farbdefinitionen in Ihren Theme-Einstellungen weiter verfeinern. Company XYZ getting started guide on product variants
Um Farbfelder anzuzeigen, geben Sie die relevanten optionsnamen genau so ein, wie sie in der Produkteinrichtung verwendet werden. Verwenden Sie Namen wie Color, nicht Werte wie Black oder Navy. Die ausgewählte Farbfeldform sowie die Spaltenanzahl auf Desktop und Mobilgeräten steuern, wie dicht oder großzügig das Optionsraster wirkt.
Farb-Farbfelder gelten nur für die Optionsnamen, die Sie hier auflisten. Wenn der Name nicht exakt übereinstimmt, verwendet diese Option stattdessen den regulären Auswahlstil.
Einstellungen für Bild-Farbfelder
Abschnitt betitelt „Einstellungen für Bild-Farbfelder“Verwenden Sie Bild-Farbfelder, wenn Variantenoptionen ein echtes Miniaturbild statt eines einfachen Farbhints benötigen. Das ist besonders hilfreich für Muster, Oberflächen, Bundles oder andere Optionen, bei denen eine visuelle Vorschau vor der Auswahl für mehr Sicherheit sorgt. Company XYZ getting started guide on product variants
Bild-Farbfelder sind davon abhängig, dass Bilder den relevanten Variantenoptionen zugewiesen sind. Wenn einer Option kein zugehöriges Bild zugewiesen ist, erscheint das Farbfeld leer. Wenn für denselben Optionsnamen sowohl Bild- als auch Farbfelder aktiviert sind, haben Bild-Farbfelder Vorrang.
Einstellungen für den Farbfeldrahmen
Abschnitt betitelt „Einstellungen für den Farbfeldrahmen“Diese Einstellungen wirken sich nur auf Farb- und Bild-Farbfelder aus. Rahmen können Farbfelder leichter unterscheidbar machen, besonders wenn die Auswahl hell, kontrastarm oder vor einem ähnlichen Seitenhintergrund angezeigt wird.
Die aktive Option zeigt immer einen Rahmen an, damit die aktuelle Auswahl klar erkennbar bleibt. Wenn Sie benutzerdefinierte Rahmenfarben leer lassen, greift der Block auf das primäre Schaltflächen-Rahmenstyling Ihres Themes zurück, um ein einheitlicheres Erscheinungsbild zu erzielen.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Verwenden Sie Sichtbarkeitssteuerungen, um festzulegen, ob dieser Block auf Desktop, Mobilgeräten oder auf beiden angezeigt wird. Das ist nützlich, wenn Sie auf kleineren Bildschirmen ein anderes Produktformular-Layout wünschen. Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Optionsnamen exakt abgleichen. Das Verhalten der Farbfelder hängt vom exakten Optionslabel ab. Verwenden Sie daher den Optionsnamen selbst statt einzelner Werte.
- Den richtigen Farbfeldtyp wählen. Verwenden Sie Farbfelder für einfache Farbauswahlen und Bild-Farbfelder, wenn Kundinnen und Kunden eine echte visuelle Vorschau benötigen.
- Bildabdeckung prüfen. Bevor Sie Bild-Farbfelder verwenden, stellen Sie sicher, dass jeder relevante Variantenoption ein zugewiesenes Bild hat, um leere Farbfelder zu vermeiden.
- Fallback-Styling vorhersehbar halten. Lassen Sie benutzerdefinierte Farben oder Rahmen ungesetzt, wenn Farbfelder das Standarddesign des Themes übernehmen sollen, und fügen Sie explizite Werte nur hinzu, wenn sich der Block optisch abheben soll.
- Beide Viewports prüfen. Desktop- und Mobilsteuerungen können sich bei Abstand, Ausrichtung, Sichtbarkeit und Medienpräsentation unterschiedlich verhalten. Prüfen Sie den Block daher vor der Veröffentlichung in beiden Größen.
- Mobiles Scannen einfach halten. Verwenden Sie Spaltenanzahlen und Farbfeldformen, die auf kleineren Bildschirmen genug Platz für komfortables Tippen lassen.