HTML + Metafield als src bzw. Dynamische Quelle

Hallo,

ich würde gerne auf unseren Produktseiten einen Google Model Viewer einbauen, der sich die Quelle des 3D Files dynamisch zieht. Das habe ich über einen HTML Block im Theme Builder von Impulse eingefügt


An sich sieht das auch schon gut aus, nur soll eben nur 1 Template für die 3D fähigen Produkte erstellt werden.

Ist es möglich die src durch ein Metafield zu steuern?

Also so in der Art: src=" {{product.metafields.custom.3d_modell }}"

Ich kenne mich mit Code nicht aus und Copy + Paste mir nur alles zusammen, deshalb weiß ich nicht ob und wie das evtl. möglich ist. .

Und wenn, wie müsste ich das Metafield anlegen, als File oder Link.. ?

Vielen Dank für die Hilfe

Sarina

@roomours dein Beispiel sieht sehr cool aus, Glückwunsch dazu!
In Bezug auf deine Frage: Mein erster Ansatz wäre eine Datei hochzuladen und die URL dann in das Script zu laden.

Bisher gab es einige Schwierigkeiten, die URL einer Datei zu erhalten, aber folgender Ansatz scheint in einigen Fällen zu funktionieren:

{{ product.metafields.custom.cad_file | file_url }}

Ich bin gespannt, ob das bei dir funktioniert.

Vielen Dank dafür!

Ich habe es nun hinbekommen :slightly_smiling_face: das | file_url brauchte es gar nicht mehr, aber der Type Link statt File war dann das ausschlaggebende.

Bei mir hat der Code dann folgendermaßen zum Ergebnis geführt, falls das mal noch jemand im Ganzen benötigt: