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. Erforderliche Felder sind mit * markiert.