Hey Rebekka! @rebekka15
Danke für das Bild und du möchtest auf der Collection Seite im Dawn Theme die Colour Swatches wie Gold und Silber anzeigen, mit denen das Juwelen Produkt derzeit erhältlich ist, ist das richtig?
Wenn ja, ist eine gute Idee, um Kunden eine bessere Vorstellung von den verfügbaren Optionen zu geben, bevor sie auf das Produkt klicken. Dies kann durch Anpassungen im Theme oder durch die Verwendung von Apps erreicht werden.
Es gibt einige Apps im Shopify App Store, die sich auf Farbvarianten spezialisiert haben. Einige dieser Apps können Farbfelder auf Sammlungsseiten hinzufügen wie diese Apps hier. Einfach in die Demos der Apps klicken.
Metafelder und Metaobjekte
die Nutzung von Metafeldern oder den neuen Metaobjekten bietet auch eine weitere Möglichkeit, um zusätzliche Daten wie Farbinformationen zu Produkten oder Produktvarianten hinzuzufügen und diese Informationen dann auf der Sammlungsseite zu verwenden.
- Füge jedem Produkt oder jeder Produktvariante Metafelder hinzu, die die verfügbaren Farben repräsentieren.
- Dies kann über das Shopify Admin-Dashboard oder mithilfe der Shopify-API gemacht werden.
- Anschließend das Liquid-Template deiner Sammlungsseite editieren, um diese Metadaten auszulesen und entsprechend darzustellen.
- Innerhalb des Liquid-Templates könntest du etwa so auf ein Metafeld zugreifen (dabei sind “namespace” und “key” die entsprechenden Bezeichner deines Metafelds):
{% assign color = product.metafields.namespace.key %}
Mit den erfassten Metadaten kannst du nun CSS verwenden, um entsprechende Farbfelder (color swatches) auf der Sammlungsseite zu erstellen. Wenn es z.B. ein Metafeld für “Gold” gibt, könntest du ein goldenes Quadrat anzeigen, und genauso für “Silber”. Anstatt die Farbfelder manuell für jedes Produkt hinzuzufügen, könntest du Liquid und JavaScript verwenden, um dynamisch Farbfelder basierend auf den Werten in den Metafeldern oder Metaobjekten zu generieren.
Die Nutzung von Metaobjekten ist im Wesentlichen ähnlich wie die von Metafeldern, bietet aber mehr Flexibilität und Struktur. Du könntest beispielsweise ein Metaobjekt “Farbinfo” erstellen, das mehrere Attribute (z.B. Hauptfarbe, Nebenfarbe) enthält.
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.