Wie man benutzerdefinierte WooCommerce-Produktregisterkarten erstellt

How to Create Custom WooCommerce Product Tabs

Die Kunden Ihres Online-Shops benötigen Informationen – je mehr, desto besser. Dank der aktuellen eCommerce-Lösung WooCommerce for WordPress können Sie bereits zusĂ€tzliche Informationen zu Ihren Produkten hinzufĂŒgen. Neben den Standardsachen wie Name, Preis, Bild oder Kurzbeschreibung können Sie bis zu 3 Standard-Produktregisterkarten hinzufĂŒgen:

  1. Beschreibung Registerkarte mit Ihrer langen Produktbeschreibung
  2. ZusÀtzliche Informationen zu Ihren Produktattributen
  3. Rezensionen, die Kundenbewertungen zu Ihrem Produkt anzeigen

Aber was, wenn Sie mehr benutzerdefinierte WooCommerce-Produktregisterkarten benötigen? Dann haben Sie zwei Möglichkeiten. Entweder sind Sie in der Lage, in PHP zu programmieren und Code zu entwickeln, den Sie in Ihre Funktionen einfĂŒgen können.php des Themas Ihres Kindes. Oder Sie besorgen sich ein Plugin fĂŒr WooCommerce, mit dem Sie Tabs erstellen können, wie Sie wollen, ohne dass Sie selbst programmieren mĂŒssen. Wir zeigen Ihnen, wie Sie benutzerdefinierte Produktregisterkarten auf beide Arten hinzufĂŒgen können.

HinzufĂŒgen benutzerdefinierter Registerkarten mit PHP

Wenn Sie mit PHP und WordPress vertraut sind, können Sie Ihre eigene Lösung entwickeln, um Ihren Produkten benutzerdefinierte Registerkarten hinzuzufĂŒgen. 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önnen diesen Filter problemlos einhĂ€ngen.Als Beispiel fĂŒgen wir einen neuen Reiter namens “Versand- und Lieferzeiten” hinzu. Damit wollen wir dem Kunden mehr Informationen ĂŒber den Versandprozess geben, zB wann mein Paket ankommt oder welche Transportunternehmen genutzt werden.Wir beginnen mit dem Einhaken in den Filter:

add_filter( 'woocommerce_product_tabs', 'my_shipping_tab' );Funktion my_shipping_tab( $tabs ) {    // FĂŒgt die neue Registerkarte hinzu    $tabs=array(        'Titel' => __( 'Versand & Lieferung', 'Kind-Thema' ),        'PrioritĂ€t' => 50,        RĂŒckruf' => 'my_shipping_tab_callback' => 'my_shipping_tab_callback'    );    $tabs zurĂŒckgeben;}

Am wichtigsten sind der Titel, die PrioritĂ€t und die RĂŒckruffunktion. Wenn Sie die Position der Registerkarte Ă€ndern möchten, e.g. Machen Sie es zur ersten Registerkarte, Ă€ndern Sie die PrioritĂ€t auf 1. Der Callback ist die Funktion, die wir jetzt definieren. Dies gibt den Inhalt innerhalb der Registerkarte zurĂŒck:

Funktion my_shipping_tab_callback() {// Der neue Registerkarteninhaltecho '

Shipping & Delivery

';echo '

We ship for free within USA using UPS.

';}

Das war’s – jetzt enthĂ€lt jedes Produkt diese Registerkarte. Sie können auch Registerkarten entfernen oder bestehende umbenennen.But what if you need product specific or category based WooCommerce tabs? Sie mĂŒssen zum Beispiel einen GrĂ¶ĂŸenvergleich vorlegen, aber nur fĂŒr Produkte innerhalb der Kategorie Bekleidung. Dann sollten Sie ein Plugin nehmen!

WooCommerce-Kategorie-Registerkarten erstellen

Dank dem WooCommerce Ultimate Custom Product Tabs Plugin können Sie Tabs nach Ihren WĂŒnschen erstellen:

  • Benutzerdefinierte spezifische Registerkarten erstellen
  • Nur Kategorie-Registerkarten hinzufĂŒgen
  • Globale Produktregisterkarten anzeigen
  • Platzieren Sie ein Symbol vor Registerkarten
  • Styling und mehr hinzufĂŒgen

Das sind nur einige der wichtigsten Funktionen, die dieses Plugin fĂŒr 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ĂŒgen Sie zum Beispiel einen Tabulator-Titel, Inhalt und PrioritĂ€t hinzu. Dann kommt die Anwendung auf Teil. Hier können Sie einstellen, wo diese Registerkarte erscheinen soll.Und das war’s. Die Registerkarte gilt jetzt nur noch fĂŒr den Bereich Kapuzenpullover – kinderleicht. Was kann dieses Plugin noch tun? Es kann die Standardregisterkarten umbenennen, deaktivieren und neu anordnen. Oder Sie können die RegisterkartenfunktionalitĂ€t ĂŒberhaupt deaktivieren.

Deaktivieren der FunktionalitÀt der Registerkarte WooCommerce

Manchmal ist es besser fĂŒr Google SEO oder fĂŒr Ihre Kunden ĂŒberhaupt, dass sie alle Inhalte direkt sehen. Es könnte also gut sein, die Tabbing-Funktion zu entfernen, um Beschreibung, technische Daten und Rezensionen direkt anzuzeigen. Wenn Sie die Tabulator-FunktionalitĂ€t ĂŒberhaupt entfernen möchten, fĂŒgen Sie dieses benutzerdefinierte Skript hinzu:

wp_dequeue_script( 'wc-einzelprodukt' );

FĂŒgen Sie dann dieses benutzerdefinierte CSS hinzu, um die Produkt-Registerkarten auszublenden:

.woocommerce-Tabs ul.Registerkarten {Anzeige: keine !wichtig;}

2 Idee ĂŒber “Wie man benutzerdefinierte WooCommerce-Produktregisterkarten erstellt

  1. Fisnik sagt:

    I have followed your instructions and the same information shows on each product while i want to have specific information for each product without using any kind of plugins.

    Thanks Fisnik

  2. Diseño Web Marbella sagt:

    The article and the explanations are good .. but if i add the php code how can i manage to upload a size chart picture for example to be on that that? Maybe someone have an idea! Best Regards and thanks

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Wir verwenden Cookies, um Ihnen die beste Online-Erfahrung zu bieten. Mit Ihrer Zustimmung akzeptieren Sie die Verwendung von Cookies in Übereinstimmung mit unseren Cookie-Richtlinien.

Privacy Settings saved!
Datenschutz-Einstellungen

Wenn Sie eine Website besuchen, kann sie Informationen ĂŒber Ihren Browser speichern oder abrufen, meist in Form von Cookies. Steuern Sie hier Ihre persönlichen Cookie-Dienste.

Diese Cookies sind fĂŒr das Funktionieren der Website notwendig und können in unseren Systemen nicht abgeschaltet werden.

Zur Nutzung dieser Website verwenden wir die folgenden technisch notwendigen Cookies
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

Alle Cookies ablehnen
Alle Cookies akzeptieren