Wir müssen auf jeder Produktseite individuelle PDFs zum Download anbieten (Datenblätter). Dafür haben wir Metafelder angelegt (Datei). Leider gibt es im Standard-Template wohl keine Möglichkeit diese einfach anzuzeigen. Kann mir jemand ein Liquid Snippet geben, welches per Klick auf “Datenblatt” ein einfaches PDF öffnet?
Danke für die Frage und du kannst folgendes probieren,wenn du es selber auf deiner Produktseite programmieren möchtest → bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
Je nach Theme (kenne das Crown Theme nicht da es nicht von uns unterstützt wird) kannst im product-template.liquid, oder eben in der eure Produktinformationen angezeigt werden, eine IF-Statement wie die folgende an der Stelle einfügen, an der das Datenblatt angezeigt werden soll:
{% if product.metafields.custom_namespace.custom_pdf %}
Datenblatt
{% endif %}
Achte darauf, custom_namespace und custom_pdf durch die entsprechenden Metafeld-Namen zu ersetzen, die du für die PDF-Dateien verwendet willst. Beispiel: Wenn dein Metafeld-Namespace “specifications” und der Schlüssel “datasheet” ist, ändere den Code entsprechend:
{% if product.metafields.specifications.datasheet %}
Datenblatt
{% endif %}
Nachdem du den Code eingefügt hast, sollte auf der Produktseite ein Link “Datenblatt” angezeigt werden, der das zugehörige PDF im neuen Tab öffnet, wenn es ein Metafeld für das Produkt gibt.
Du kannst auch zusätzliches CSS hinzufügen, um das Aussehen des Links anzupassen. Füge einfach den entsprechenden CSS-Code im “theme.css.liquid” (in Assets) oder eine andere geeignete CSS-Datei ein. Siehe auch den neuen CSS Editor im Theme falls dieser es besser kann:
Gerne geschehen, und wenn du den Link zur Datei erstellen möchtest dann einfach in deinem Dateien Berich hochladen und einen CDN Link generieren wie hier abgebildet: