Metafelder auf der Produktdetailseite

[Hanni_CBDSI]

Hey,

wir haben einige Probleme mit den Meta-Feldern auf den Produktseiten.
Nachdem wir neue Meta-Felder für Farben und Dateien erstellt haben (Screenshoot 1), haben wir diese im Backend für ein Produkt gelistet (Screenshoot 2). Als wir sie dann bei der Bearbeitung des Themas auf der Produktseite integrieren wollten, waren die neuen Meta-Felder für die Farben und die Dateien nicht auswählbar (Screenshot 3). Im Allgemeinen haben wir keine Probleme mit den Meta-Feldern, insofern sie bspw. ein Test sind. Nur die neuen, die wir erstellt haben, sind nicht sichtbar, wenn wir sie einblenden wollen. Metafelder als Text funktionieren, aber nicht für Farben und Dateien. Wir versuchen schon seit Wochen, dieses Problem zu lösen, aber wir haben bisher keine Lösung gefunden. Wir haben es mit dem Dawn-Theme in unserem Backend versucht, welches aber nicht live ist. Hier die Screenshoots:

 

Vielen Dank im Voraus für Ihre Hilfe. Ich denke, dass die Integration dieser Meta-Felder im Moment nicht möglich ist. Aber ich denke, es muss Teil eines Shopify Themes sein.

Unsere Domain lautet cb dsi.eu (zusammengeschrieben ohne Leerzeichen).

Wir freuen uns über jegliche Hilfe.

Mit freundlichen Grüßen,
Johannes

@Gabe 

[Gabe]

Hey Johannes! @Hanni_CBDSI 

Danke für die Angaben und schauen wir wo hier der Wurm sich versteckt hat... 🐛

An erster werden bestimmte Metafeld Typen in bestimmten Teilen des Themes, Abschnitte und Blocks nicht erscheinen. Du klickst also auf das Symbol zum Einfügen einer dynamischen Quelle, und da wird das Metafeld nicht angezeigt, ist das richtig?

Möchtest du beispielsweise die Farben Metafelder als Colour Swatches auf der Produktseite implementieren? Wenn du zum Beispiel Farbe als Farbfeld zur Seite hinzufügen wird das nicht gehen - denn sie wird nur auf der Page zum Ändern von Abschnittsfarben usw. verwendet. Komplexere Elemente wie Dateien und Farben haben im Moment nur spezielle Anwendungsfälle.

Da das, das Dawn Theme ist, kann unser Theme-Team das ggf. anschauen, um die Option zur Anzeige des Bild-Metafelds auf der Seite einzubauen, wenn du uns ein Ticket sendest (hast du das bereits gemacht?)

DIY

Du kannst auch selber etwas ausprobieren, aber am besten zuerst in einer Testumgebung /Themekopie.

Das Inhaltsfelder die du verwendest akzeptieren also nur einzeilige und mehrzeilige Textfelder und daher keine Metafelder vom Typ Bild oder Datei anzeigt. Du könntest einen Codeschnipsel des Metafelds in die Liquid-Datei einfügen.

Ein Codebeispiel um deine .gif Datei zur Produktseite zu fügen wäre etwas wie das folgende im product.json, dass du einfach anpassen müsstest:

"758c1052-eb56-40ab-b2e8-367167251699": {	
          "type": "custom_liquid",	
          "disabled": true,	
          "settings": {	
            "custom_liquid": "{{product.metafields.my_fields.product_gif}}"	
          }	
        },

Im main-product.liquid etwas wie das folgende:

{% if product.metafields.my_fields.product_gif %}
                    <img src="{{ product.metafields.my_fields.product_gif | img_url: '400x' }}">
                  {% endif %}

• Das .gif wird aber nicht im Theme-Editor sichtbar sein, sondern erst, wenn du eine Vorschau des Themes auf der Website testest. Ob das genau so klappen wird habe ich selber nicht getestet und du müsstest das mit einem Programmierer testen.
• Für weiteres, bitte siehe unseren Blogartikel diesbzgl. hier.

-----
Habt ihr schon über Ostern nachgedacht? Warum nicht etwas "Easter Egg Gamification" im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!

Lass wissen, wenn du weitere Fragen hast 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.

[Hanni_CBDSI]

Hey @Gabe,

vielen Dank für deine schnelle und ausführliche Antwort - auf dich ist wirklich immer Verlass.

Ja, das ist absolut richtig. Nachdem ich auf das Symbol geklickt habe, wurden die beiden Meta Felder nicht angezeigt (Dateien & Farben), im Gegensatz zu anderen Meta Feldern, die ich erstellt habe.

Konkret möchte ich folgenden Text in grüner Farbe einfügen:

 

Außerdem würde ich gerne die Zahlungsmöglichkeiten als Icons einfügen, weswegen die Dateien als Metafelder auch eine sehr wichtige Bedeutung haben: (Screen)

 

Da dies beides nicht möglich ist, frage ich mich, ob dies von Shopify vergessen worden ist, oder ich etwas falsch gemacht habe?

Das Einbauen von Dateien in die Produktbeschreibung stellt kein Problem für mich da. Allerdings sollen diese Dateien rechts neben den Produkten erscheinen, und sind deswegen nur als Metafelder einbaubar (oder als Block im Produkt, wenn es so einen gebe).

Abschnitte auf der Produktdetailseite fühlen immer die gesamte Breite aus (insofern man description-bottom verwendet), weswegen ein benutzerdefiniertes Liquid nicht weiterhelfen würde, da dies nur als Abschnitt eingefügt werden kann - auch wenn ich all deine Codes spezifiziert ausprobiert habe, genauso wie die Codes aus dem Blog, welche ich auch individualisiert habe, leider hat nichts geklappt, was wohl auch an meinen Kenntnissen liegen mag. Es würde mir allerdings auch nur zum Erfolg verhelfen, wenn man so die Möglichkeit hätte zusätzliche Metafelder auswählen zu können.

Leider ist das Budget für Entwickler nicht vorhanden, weswegen ich dies selbst versuchen musste mit meinem geringen 'Entwickler-Verstand'. 

Konkret wir ein Block im Abschnitt 'Product' benötigt - selbst wenn dieser ein Custom-HTML-Block wäre, würde das weiterhelfen. Der Screenshoot in meiner Antwort bedarf sich zwar auf ein 3rd Party Theme (Responsive), jedoch meinte der Support des Themes, dass sobald Shopify Metafelder als Dateien/Farbschrift auf der Produktdetailseite zulässt, es kein Problem wäre dies zu integrieren.

Eine Alternative wäre es die Produktbeschreibung rechtsbündig zu gestalten und ein Sticky-Product Image einzubauen, jedoch sollen zukünftig Bilder & Tabellen in die Beschreibung, weswegen dies ein Problem darstellt.

Allem und allem wieder ein sehr komplexes Problem, obwohl es in erster Linie eigentlich um zwei einfache Themen geht: Farbige Schrift oben auf der Produktdetailseite im Produktinformationssnippet und Zahlungsmöglichkeiten-Icons ebenfalls im Produktinformationssnippet - die Möglichkeit eines Custom-HTML-Blockes würde ja schon reichen.

Ich freue mich schon auf deine Antwort und bin sehr gespannt, was deine Gedanken zum Thema sind.

Liebe Grüße aus Hamburg,
Johannes

[Gabe · Accepted solution]

@Hanni_CBDSI 

Oh Gott, das wird komplex mit dem was du mit Metafields erreichen möchtest... Da ich hier nur der Community Moderator bin liegt es in meiner "Job Description" alle Fragende hier in der Community an weitere Ressourcen zu leiten die denen helfen können die Probleme elegant zu lösen. Ich selber kann keine Shops bearbeiten da ich nicht in Shops eingreifen darf, und in deinem Fall wäre es unumgänglich, dass man in dein Shop und in das Theme eingreift um dein gewünschtes Ziel zu erfüllen.

Hast du mit unserem Core Support Team schon darüber gesprochen?

In deinem Use-Case werde ich dasselbe machen müssen und dir unseren deutscher Developer Jan Frey empfehlen. Siehe unten: er macht ganz tolle YT Videos vor allem zum Thema Metafelder. Wenn das aber nicht deine Ziele deckt dann wirst du an einen Metafields Experten nicht mehr vorbei kommen und gerne kann ich auch andere empfehlen die dein Budget nicht komplett zerspringen werden:

• Shopify Metafields - How to use Custom Fields
• How to use Shopify Metafields (custom fields)
• Shopify How to Add a Size Chart (without code or apps)

[Hanni_CBDSI]

Vielen Dank @Gabe, deine Verlinkungen helfen mir sehr weiter. Beim Support habe ich mich bereits gemeldet, der schlägt mir allerdings auch nur Entwickler vor. Vielleicht sollte ich auch einsehen, dass meine Wunschlösung nicht existiert, auch, wenn ich es bei etlichen anderen Shops sehe.

[Gabe]

@Hanni_CBDSI 

Wie die Werbung es so schön sagt: "Nichts ist unmöglich...Toy..." 😉