{"id":700,"date":"2018-11-20T12:00:34","date_gmt":"2018-11-20T11:00:34","guid":{"rendered":"https:\/\/www.welaunch.io\/de\/?p=700"},"modified":"2020-09-21T11:06:21","modified_gmt":"2020-09-21T09:06:21","slug":"custom-woocommerce-produkt-tabs","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/de\/2018\/11\/custom-woocommerce-produkt-tabs\/","title":{"rendered":"Wie man benutzerdefinierte WooCommerce-Produktregisterkarten erstellt"},"content":{"rendered":"<p>Die Kunden Ihres Online-Shops ben\u00f6tigen Informationen &#8211; je mehr, desto besser. Dank der aktuellen eCommerce-L\u00f6sung WooCommerce for WordPress k\u00f6nnen Sie bereits zus\u00e4tzliche Informationen zu Ihren Produkten hinzuf\u00fcgen. Neben den Standardsachen wie Name, Preis, Bild oder Kurzbeschreibung k\u00f6nnen Sie bis zu 3 Standard-Produktregisterkarten hinzuf\u00fcgen:<\/p>\n<ol>\n<li>Beschreibung Registerkarte mit Ihrer langen Produktbeschreibung<\/li>\n<li>Zus\u00e4tzliche Informationen zu Ihren Produktattributen<\/li>\n<li>Rezensionen, die Kundenbewertungen zu Ihrem Produkt anzeigen<\/li>\n<\/ol>\n<p><strong>Aber was, wenn Sie mehr benutzerdefinierte WooCommerce-Produktregisterkarten ben\u00f6tigen?<\/strong> Dann haben Sie zwei M\u00f6glichkeiten. Entweder sind Sie in der Lage, in PHP zu programmieren und Code zu entwickeln, den Sie in Ihre Funktionen einf\u00fcgen k\u00f6nnen.php des Themas Ihres Kindes. Oder Sie besorgen sich ein Plugin f\u00fcr WooCommerce, mit dem Sie Tabs erstellen k\u00f6nnen, wie Sie wollen, ohne dass Sie selbst programmieren m\u00fcssen. Wir zeigen Ihnen, wie Sie benutzerdefinierte Produktregisterkarten auf beide Arten hinzuf\u00fcgen k\u00f6nnen.<\/p>\n<h2>Hinzuf\u00fcgen benutzerdefinierter Registerkarten mit PHP<\/h2>\n<p>Wenn Sie mit PHP und WordPress vertraut sind, k\u00f6nnen Sie Ihre eigene L\u00f6sung entwickeln, um Ihren Produkten benutzerdefinierte Registerkarten hinzuzuf\u00fcgen. Richten Sie einfach ein untergeordnetes Thema ein, falls Sie keines haben, und gehen Sie dann zu Ihren Funktionen.php-Datei und starten Sie den Auftrag. The WooCommerce core offers a custom filter hook to add own tabs with the namewoocommerce_product_tabs. Sie k\u00f6nnen diesen Filter problemlos einh\u00e4ngen.Als Beispiel f\u00fcgen wir einen neuen Reiter namens &#8220;Versand- und Lieferzeiten&#8221; hinzu. Damit wollen wir dem Kunden mehr Informationen \u00fcber den Versandprozess geben, zB wann mein Paket ankommt oder welche Transportunternehmen genutzt werden.Wir beginnen mit dem Einhaken in den Filter:<\/p>\n<pre>add_filter( 'woocommerce_product_tabs', 'my_shipping_tab' );Funktion my_shipping_tab( $tabs ) {    \/\/ F\u00fcgt die neue Registerkarte hinzu    $tabs=array(        'Titel' => __( 'Versand & Lieferung', 'Kind-Thema' ),        'Priorit\u00e4t' => 50,        R\u00fcckruf' => 'my_shipping_tab_callback' => 'my_shipping_tab_callback'    );    $tabs zur\u00fcckgeben;}<\/pre>\n<p>Am wichtigsten sind der Titel, die Priorit\u00e4t und die R\u00fcckruffunktion. Wenn Sie die Position der Registerkarte \u00e4ndern m\u00f6chten, e.g. Machen Sie es zur ersten Registerkarte, \u00e4ndern Sie die Priorit\u00e4t auf 1. Der Callback ist die Funktion, die wir jetzt definieren. Dies gibt den Inhalt innerhalb der Registerkarte zur\u00fcck:<\/p>\n<pre>Funktion my_shipping_tab_callback() {\/\/ Der neue Registerkarteninhaltecho '<h2>Shipping & Delivery<\/h2>';echo '<p>We ship for free within USA using UPS.<\/p>';}<\/pre>\n<p>Das war&#8217;s &#8211; jetzt enth\u00e4lt jedes Produkt diese Registerkarte. Sie k\u00f6nnen auch Registerkarten entfernen oder bestehende umbenennen.But what if you need <strong>product specific or category based WooCommerce tabs<\/strong>? Sie m\u00fcssen zum Beispiel einen Gr\u00f6\u00dfenvergleich vorlegen, aber nur f\u00fcr Produkte innerhalb der Kategorie Bekleidung. Dann sollten Sie ein Plugin nehmen!<\/p>\n<h2>WooCommerce-Kategorie-Registerkarten erstellen<\/h2>\n<p>Dank dem WooCommerce Ultimate Custom Product Tabs Plugin k\u00f6nnen Sie Tabs nach Ihren W\u00fcnschen erstellen:<\/p>\n<ul>\n<li>Benutzerdefinierte spezifische Registerkarten erstellen<\/li>\n<li>Nur Kategorie-Registerkarten hinzuf\u00fcgen<\/li>\n<li>Globale Produktregisterkarten anzeigen<\/li>\n<li>Platzieren Sie ein Symbol vor Registerkarten<\/li>\n<li>Styling und mehr hinzuf\u00fcgen<\/li>\n<\/ul>\n<p>Das sind nur einige der wichtigsten Funktionen, die dieses Plugin f\u00fcr eine ultimative Produktregisterkartenverwaltung bietet. Nehmen wir das Beispiel von oben, wie man eine kategorienspezifische Registerkarte erstellt. Gehen Sie zu wp-admin > WooCommerce > Ultimative Registerkarten. Dort aktivieren Sie 1. f\u00fcgen Sie zum Beispiel einen Tabulator-Titel, Inhalt und Priorit\u00e4t hinzu. Dann kommt die Anwendung auf Teil. Hier k\u00f6nnen Sie einstellen, wo diese Registerkarte erscheinen soll.Und das war&#8217;s. Die Registerkarte gilt jetzt nur noch f\u00fcr den Bereich Kapuzenpullover &#8211; kinderleicht. Was kann dieses Plugin noch tun? Es kann die Standardregisterkarten umbenennen, deaktivieren und neu anordnen. Oder Sie k\u00f6nnen die Registerkartenfunktionalit\u00e4t \u00fcberhaupt deaktivieren.<\/p>\n<h2>Deaktivieren der Funktionalit\u00e4t der Registerkarte WooCommerce<\/h2>\n<p>Manchmal ist es besser f\u00fcr Google SEO oder f\u00fcr Ihre Kunden \u00fcberhaupt, dass sie alle Inhalte direkt sehen. Es k\u00f6nnte also gut sein, die Tabbing-Funktion zu entfernen, um Beschreibung, technische Daten und Rezensionen direkt anzuzeigen. Wenn Sie die Tabulator-Funktionalit\u00e4t \u00fcberhaupt entfernen m\u00f6chten, f\u00fcgen Sie dieses benutzerdefinierte Skript hinzu:<\/p>\n<pre>wp_dequeue_script( 'wc-einzelprodukt' );<\/pre>\n<p>F\u00fcgen Sie dann dieses benutzerdefinierte CSS hinzu, um die Produkt-Registerkarten auszublenden:<\/p>\n<pre>.woocommerce-Tabs ul.Registerkarten {Anzeige: keine !wichtig;}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Die Kunden Ihres Online-Shops ben\u00f6tigen Informationen &#8211; je mehr, desto besser. Dank der aktuellen eCommerce-L\u00f6sung WooCommerce for WordPress k\u00f6nnen Sie bereits zus\u00e4tzliche Informationen zu Ihren Produkten hinzuf\u00fcgen. Neben den Standardsachen wie Name, Preis, Bild oder Kurzbeschreibung k\u00f6nnen Sie bis zu 3 Standard-Produktregisterkarten hinzuf\u00fcgen: Beschreibung Registerkarte mit Ihrer langen Produktbeschreibung Zus\u00e4tzliche Informationen zu Ihren Produktattributen Rezensionen,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":791,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-700","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\/700","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=700"}],"version-history":[{"count":6,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/posts\/700\/revisions"}],"predecessor-version":[{"id":6008,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/posts\/700\/revisions\/6008"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/media\/791"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/media?parent=700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/categories?post=700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/de\/wp-json\/wp\/v2\/tags?post=700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}