{"id":672,"date":"2018-11-15T15:45:55","date_gmt":"2018-11-15T14:45:55","guid":{"rendered":"https:\/\/www.welaunch.io\/de\/?p=672"},"modified":"2020-09-21T11:07:15","modified_gmt":"2020-09-21T09:07:15","slug":"woocommerce-produkt-pdf","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/de\/2018\/11\/woocommerce-produkt-pdf\/","title":{"rendered":"Wie man ein WooCommerce-Produkt erstellt PDF"},"content":{"rendered":"<p>Als Ladenbesitzer m\u00f6chten Sie Ihren Kunden vielleicht einmal die M\u00f6glichkeit geben, einzelne Produkt-PDFs direkt von WooCommerce herunterzuladen. Sei es, weil Ihre Benutzer eine gedruckte Version ben\u00f6tigen, Ihre Vertriebsmitarbeiter Produktbrosch\u00fcren ben\u00f6tigen, wenn sie Partner besuchen, oder weil Ihre Kunden eine Offline-Version Ihrer Artikel ben\u00f6tigen.In diesem Tutorial zeigen wir Ihnen, wie Sie Ihre eigene benutzerdefinierte WooCommerce-Produkt-PDF auf der Grundlage vorhandener Daten erstellen k\u00f6nnen. Erfahren Sie, wie Sie Ihre vorhandenen Produktdaten in eine einzige Produktbrosch\u00fcre im PDF-Format umwandeln k\u00f6nnen, die Kunden herunterladen und offline betrachten k\u00f6nnen.<\/p>\n<h2>Was ist WooCommerce?<\/h2>\n<p>Bevor wir beginnen, m\u00fcssen Sie wissen, was WooCommerce ist. WooCommerce ist ein Shopsystem-Plugin f\u00fcr WordPress, das Ihnen alle Funktionalit\u00e4ten bietet, die ein Online-Shop heute ben\u00f6tigt. Mit nur wenigen Klicks k\u00f6nnen Sie Produkte erstellen, Versand- und Zahlungsmethoden einrichten und mit dem Online-Verkauf beginnen. Sie k\u00f6nnen nicht nur Ihre Artikel zum Verkauf vorf\u00fchren, sondern auch alle Daten f\u00fcr die Erstellung einer PDF-Produktbrosch\u00fcre wiederverwenden.<\/p>\n<h2>Was ist WooCommerce Print Products (PDF)?<\/h2>\n<p>Nehmen wir an, Sie wollen nicht bei Null anfangen und eine L\u00f6sung implementieren, mit der Sie Ihre Online-Produktdaten in eine gedruckte PDF-Datei umwandeln k\u00f6nnen. Es ist komplex, eine PDF-Rendering-Engine einzurichten Sie m\u00fcssen alle wichtigen WooCommerce-Hooks, Filter, Funktionen finden und sich bald im WordPress-Universum verirren.Deshalb k\u00f6nnen Sie das Print Products (PDF)-Plugin f\u00fcr WooCommerce als einfache Basisl\u00f6sung verwenden. Dieses Plugin bietet Ihnen eine einfache L\u00f6sung, um Produkte in PDF, Word oder Print umzuwandeln. Sie k\u00f6nnen zwischen 3 verschiedenen Layouts w\u00e4hlen, Daten ein- oder ausblenden und eine benutzerdefinierte Kopf- und Fu\u00dfzeile mit Ihrem Logo, Markennamen, Produktnamen und mehr hinzuf\u00fcgen.Wir werden dieses Plugin verwenden, um unsere eigene Produkt-PDF zu erstellen, indem wir die bereitgestellten Filter innerhalb des Plugins verwenden.<\/p>\n<h2>Verwendung von WordPress-Haken bei einem Thema f\u00fcr Kinder<\/h2>\n<p>WordPress &#038; viele professionell kodierte Plugins bieten Ihnen Filter zum \u00c4ndern von Inhalten, Daten oder Hinzuf\u00fcgen von benutzerdefinierten Texten. Es gibt zwei Arten von Filtern:<\/p>\n<ol>\n<li>Action-Haken<\/li>\n<li>Filter-Haken<\/li>\n<\/ol>\n<p>Der Unterschied ist nicht leicht zu erkl\u00e4ren, da beide Haken fast 1:1 das Gleiche leisten k\u00f6nnen. Aber die Absicht f\u00fcr Aktionen ist es, zus\u00e4tzlichen Inhalt hinzuzuf\u00fcgen, und die Absicht eines Filters ist es, bereits bereitgestellte Daten aus einem Plugin, Thema oder WP-Kern zu modifizieren.Das WooCommerce Print Products PDF-Plugin verwendet Filterhaken, um den HTML-Code zu modifizieren, der in der PDF-Datei des Produkts platziert ist. And we are going to use the <code>woocommerce_print_products_product_html<\/code> filter to create a custom template.Zur Verwendung von WP-Hooks wird empfohlen, ein untergeordnetes Thema einzurichten. Ein Kind-Thema erbt alle Funktionalit\u00e4ten vom Hauptthema. Hier k\u00f6nnen Sie benutzerdefinierte Funktionen erstellen oder Stile modifizieren, ohne bei einer n\u00e4chsten Aktualisierung des Hauptthemas alles zu verlieren. Die meisten Vorlagen von Themeforest bieten zum Beispiel ein Kindsthema direkt in den heruntergeladenen Dateien. Installieren Sie einfach das Hauptthema + Kind-Thema, aktivieren Sie das Kind-Thema und Sie sind fertig. Im Aussehen werden Sie dann 2 Themen sehen, das Kind sollte aktiv sein.<\/p>\n<h2>Erstellen unserer benutzerdefinierten HTML-Vorlage<\/h2>\n<p>As said we are going to use the<code>woocommerce_print_products_product_html<\/code> filter. Dieser Filter modifiziert den kompletten HTML-Teil innerhalb der PDF-Datei, ber\u00fchrt aber nicht die Kopf- und Fu\u00dfzeilen, die Sie in den Plugin-Einstellungen festlegen k\u00f6nnen.\u00d6ffnen Sie also die Funktionen.php-Datei in Ihrem Kindthema und f\u00fchren Sie einen kleinen Test durch, indem Sie diese Funktion hinzuf\u00fcgen:<\/p>\n<pre>add_filter('woocommerce_print_products_product_html', 'custom_print_products_template', 10, 2);Funktion custom_print_products_template($html, $product_id){$Produkt=wc_get_Produkt($Produkt_id);if(!$Produkt) {$html zur\u00fcckgeben;}$product_id=$produkt->get_id();$html='Test';$html zur\u00fcckgeben;}<\/pre>\n<p>Rufen Sie nun die PDF-URL Ihres Druckprodukts wie folgt auf: https:\/\/yourdomain.com\/produkt\/YOUR_PRODUCT_URL\/?druck-produkte=pdfSie werden eine einfache Testzeichenfolge innerhalb der Datei sehen, einschlie\u00dflich der vordefinierten Kopf- und Fu\u00dfzeilen, die aus dem Plugin. So einfach ist es, jetzt k\u00f6nnen Sie der PDF-Datei benutzerdefiniertes HTML hinzuf\u00fcgen, wie Sie m\u00f6chten.Wir werden dem HTML einige weitere Produktdaten hinzuf\u00fcgen:<\/p>\n<ul>\n<li>Produktbild links ausgerichtet<\/li>\n<li>Produkttitel + Beschreibung Recht<\/li>\n<li>Benutzerdefiniertes Meta-Feld<\/li>\n<\/ul>\n<h3>Produktbild, Name und Beschreibung zur PDF hinzuf\u00fcgen<\/h3>\n<p>Lassen Sie uns also die obige Funktion modifizieren und einige weitere Daten hinzuf\u00fcgen. Wir beginnen mit dem Hinzuf\u00fcgen unseres Produktbildes, des Titels und der Beschreibung. Das Bild wird in eine linke Spalte und das Schriftfeld in eine rechte Spalte umgewandelt, daher ben\u00f6tigen wir einige benutzerdefinierte CSS, um die.<\/p>\n<pre>add_filter('woocommerce_print_products_product_html', 'custom_print_products_template', 10, 2);Funktion custom_print_products_template($html, $product_id){\/\/ Pr\u00fcfen, ob Produkt vorhanden ist$Produkt=wc_get_Produkt($Produkt_id);if(!$Produkt) {$html zur\u00fcckgeben;}\/\/ Produkt-ID erhalten$product_id=$produkt->get_id();\/\/ Benutzerdefiniertes CSS-Styling$html='<style>.Beh\u00e4lter {Polsterung: 20px;}.col-12 {Breite: 100%;Polsterung: 10px;}.col-6 {Breite: 45%;Schwimmer: links;Polsterung: 10px;}<\/style>';\/\/ Beginnen Sie mit einem Container$html .= '<div class=\"container\">';\/\/ Produktbild-URL erhalten$product_image_url=get_the_post_thumbnail_url($product_id);if($product_image_url) {$html .= '<div class=\"col-6\"><img decoding=\"async\" src=\"' . $product_image_url . '\"><\/div>';}\/\/ Produktname und Beschreibung erhalten$Produkt_Name=$Produkt->Get_Name();$Produkt_Desc=$product->get_description();if($Produktname) {$html .= '<div class=\"col-6\"><h1>' . $Produkt_Name . '<\/h1><p>' . $Produkt_Desc . '<\/p><\/div>';}$html .= '<\/div>';$html zur\u00fcckgeben;}<\/pre>\n<p>Wir haben benutzerdefiniertes CSS f\u00fcr die schwebenden Bl\u00f6cke hinzugef\u00fcgt und einige Auff\u00fcllungen. Dann verwenden wir das $product-Objekt und rufen Funktionen auf, um Daten wie den Namen, die Beschreibung usw zu erhalten. Eine vollst\u00e4ndige Liste der Funktionen zum Aufrufen des WooCommerce-Produktobjekts finden Sie hier. Dann haben wir das HTML zur\u00fcckgegeben, und so sieht es aus:<\/p>\n<h3>Hinzuf\u00fcgen eines benutzerdefinierten Produktfeldes zur PDF<\/h3>\n<p>Wenn Sie benutzerdefinierte Postfelder verwenden, k\u00f6nnen Sie die get_post_meta-Funktion von WordPress verwenden, um die Werte zu erhalten. WooCommerce speichert Metadaten auch in der post_meta-Tabelle. Zum Beispiel der Preis, der auch mit der Funktion $product->get_price(); abgerufen werden kann. F\u00c3r wirklich eindeutige Metafelder wie von ACF-Plugins oder anderen benutzerdefinierten Plugins ist die obige Funktion also entscheidend, um die Daten zu erhalten. Ein Beispiel f\u00fcr die Verwendung von get_post_meta zur Ausgabe eines benutzerdefinierten Feldes in unser WooCommerce-Einzelprodukt-PDF:<\/p>\n<pre>$html .= '<div class=\"container\">';\/\/ Benutzerdefiniertes Feld erhalten$custom_field=get_post_meta($product_id, 'custom_field', true);if($custom_field) {$html .= '<div class=\"col-12\"><p>' . $custom_field . '<\/p><\/div>';}$html .= '<\/div>';<\/pre>\n<p>Und das ist alles. Wenn Sie zum Beispiel ACF verwenden, k\u00f6nnen Sie die ACF-Funktion get_field anstelle von get_post_meta verwenden.Wenn Sie weitere Fragen zur Einrichtung einer benutzerdefinierten Produkt-PDF-Vorlage haben, k\u00f6nnen Sie diesen Artikel unten kommentieren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Als Ladenbesitzer m\u00f6chten Sie Ihren Kunden vielleicht einmal die M\u00f6glichkeit geben, einzelne Produkt-PDFs direkt von WooCommerce herunterzuladen. Sei es, weil Ihre Benutzer eine gedruckte Version ben\u00f6tigen, Ihre Vertriebsmitarbeiter Produktbrosch\u00fcren ben\u00f6tigen, wenn sie Partner besuchen, oder weil Ihre Kunden eine Offline-Version Ihrer Artikel ben\u00f6tigen.In diesem Tutorial zeigen wir Ihnen, wie Sie Ihre eigene benutzerdefinierte WooCommerce-Produkt-PDF auf&#8230;<\/p>\n","protected":false},"author":1,"featured_media":788,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-672","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/posts\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/comments?post=672"}],"version-history":[{"count":10,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/posts\/672\/revisions"}],"predecessor-version":[{"id":6007,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/posts\/672\/revisions\/6007"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/media\/788"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/categories?post=672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/tags?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}