Concept unterstützt das Hinzufügen benutzerdefinierter Etiketten zu Ihren Produktkarten, die Sie auf Ihren Kollektionsseiten oder im Abschnitt „Empfohlene Kollektionen“ sehen würden.
Jedes Produkt kann mit einem oder mehreren benutzerdefinierten Etiketten geschmückt werden, die alle eine anpassbare Hintergrundfarbe haben. Diese Funktion nutzt Metafelder . Fügen Sie also einfach Metafelddefinitionen hinzu und weisen Sie den gewünschten Produkten Beschriftungen zu .
Auf dieser Seite
Hinzufügen neuer Metafelddefinitionen
In manchen Fällen kann es erforderlich sein, Produktinformationen im Einzelfall anzuzeigen. Die dynamische Quellfunktion des Concept- Themes ermöglicht Ihnen die Erstellung individueller Produktinformationen mithilfe von Metafeldern und bietet so eine vielseitige Lösung für Ihre individuellen Produktspezifikationen.
In diesem Leitfaden erfahren Sie, wie Sie dynamische Quellen und Metafelder nutzen, um das volle Potenzial Ihrer Theme-Anpassung auszuschöpfen.
Auf dieser Seite
- Hinzufügen einer neuen Metafelddefinition
- Zuweisen von Metafeldwerten für das Produkt durch Verbinden einer dynamischen Quelle
Hinzufügen einer neuen Metafelddefinition
Wesentliche Voraussetzung: Bevor Sie Standard- oder benutzerdefinierte Metafelder anwenden, stellen Sie sicher, dass Sie den Shopify-Leitfaden zum Hinzufügen von Metafelddefinitionen gelesen haben.
Notiz:
Dieser Schritt muss nur einmal durchgeführt werden und wirkt sich auf alle Produkte aus. Wenn Sie dies bereits getan haben, überspringen Sie es bitte. Da Metafelder unabhängig vom Theme funktionieren, muss dieser Schritt auch nicht erneut durchgeführt werden, wenn Sie das Theme aktualisieren oder neu installieren.
Befolgen Sie diese Schritte, um das Metafeld „Produktmerkmale“ hinzuzufügen:
Auf Ihrem Shopify-Admin-Dashboard > Einstellungen > Benutzerdefinierte Daten .
Wählen Sie den Teil des Shops aus, dem Sie ein neues Feld hinzufügen möchten. Beispielsweise fügen wir das neue Feld zu Products hinzu.
Nachdem Sie die Produkte ausgewählt haben, klicken Sie oben rechts auf die Schaltfläche Definition hinzufügen .
Richten Sie im Feld „Produktmetafelddefinition hinzufügen“ die Details des neuen Metafelds ein, einschließlich:
- Name –
Product label
- Namespace und Schlüssel –
theme.label
- Beschreibung (optional) – Wir fügen die Beschreibungszeile „Fügen Sie wichtige Informationen zur Produktbeschreibung hinzu“ hinzu.
- Inhaltstyp auswählen – es gibt verschiedene Inhaltstypen wie Zeilentext, Ganzzahl, Datum und Uhrzeit, Datei usw. In dieser Einstellung wählen wir den Text aus.
- Wählen Sie „Einzeiliger Text“ und dann „Werteliste“ aus. Durch die Verwendung einer Werteliste haben Sie die Möglichkeit, mehrere Labels für ein Produkt hinzuzufügen.
- Name –
- Klicken Sie auf Speichern , um die Definition zu speichern.
Sie sollten jetzt die Produktbezeichnung in der Liste der Definitionen sehen.
Jetzt müssen wir eine weitere Definition zum Speichern der Hintergrundfarbe des Etiketts hinzufügen. Klicken Sie erneut auf Definition hinzufügen .
Richten Sie im Feld Produktmetafelddefinition hinzufügen die Details des neuen Metafelds ein, einschließlich:
- Name –
Product label color
- Namespace und Schlüssel –
theme.label_color
- Wählen Sie den Inhaltstyp > und dann Farbe aus.
- Name –
Klicken Sie auf Speichern , um die Definition zu speichern.
In der Liste der Definitionen sollte jetzt die Farbe des Produktetiketts angezeigt werden.
Zuweisen von Metafeldwerten für das Produkt durch Verbinden einer dynamischen Quelle
Klicken Sie in Ihrem Admin unter „Produkte“ auf das Produkt, dem Sie die Etiketten hinzufügen möchten.
Scrollen Sie nach unten zu den Metafeldern und klicken Sie dann auf Alle anzeigen , um die Metafeldwerte des Produkts zu öffnen.
Hier sollten Sie das Produktetikett und die Farbe des Produktetiketts sehen.
Um die Hintergrundfarbe der Etiketten festzulegen, klicken Sie auf das Feld „Produktetikettenfarbe“ und wählen Sie dann die gewünschte Farbe aus.
Notiz:
Der Text der Etiketten ist immer reinweiß (Hexcode
#ffffff
). Aus Gründen der Lesbarkeit wird daher empfohlen, eine Farbe zu wählen, die einen Kontrast zu Weiß bildet.Um Etiketten festzulegen, klicken Sie auf das Feld Produktetikett . Geben Sie Ihr Label in das Standardtextfeld ein. Im Screenshot unten ist „Neu“ beispielsweise mein Label. Wenn Sie mehrere Beschriftungen hinzufügen möchten, klicken Sie einfach auf Element hinzufügen , um ein weiteres Textfeld hinzuzufügen, und geben Sie dann den gewünschten Wert ein.
Klicken Sie auf Speichern , um Ihre Änderungen zu speichern.
Wenn Sie diese Einstellungen abschließen, erhält das Produkt „Flow Harmony Liz“ automatisch das Label „Hot“ , wodurch seine Sichtbarkeit im Abschnitt „Empfohlen“ erhöht wird (wie unten gezeigt).
Wir hoffen, dass dieser Artikel hilfreich war. Wenn Sie Fragen oder Bedenken zu dieser Funktion haben, wenden Sie sich bitte an unser Team, um Unterstützung zu erhalten.
Share:
Storefront-Filterung hinzufügen
Einrichten einer Lauftext-Hintergrundanimation auf Sammlungsseiten