Wie man benutzerdefinierte WooCommerce-Produktregisterkarten erstellt

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 sich mit PHP und WordPress auskennen, können Sie Ihren Produkten eigene Tabs auch selbst hinzufügen. Richten Sie ein Child-Theme ein, falls noch nicht vorhanden, öffnen Sie dessen functions.php und legen Sie los. WooCommerce bietet dafür den Filter-Hook woocommerce_product_tabs, in den Sie sich problemlos einklinken können. Als Beispiel fügen wir einen neuen Tab „Versand & Lieferzeiten“ hinzu, um Kunden mehr über den Versand zu sagen – etwa wann das Paket ankommt oder welche Versanddienstleister wir nutzen. Wir beginnen mit dem Einklinken in den Filter:

add_filter( 'woocommerce_product_tabs', 'my_shipping_tab' );
function my_shipping_tab( $tabs ) {
    // Adds the new tab
    $tabs = array(
        'title'     => __( 'Shipping & Delivery', 'child-theme' ),
        'priority'  => 50,
        'callback'  => 'my_shipping_tab_callback'
    );
    return $tabs;
}

Am wichtigsten sind der Titel, die Priorität und die Rückruffunktion. Wenn Sie die Position der Registerkarte ändern möchten, z. B. 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:

function my_shipping_tab_callback() {
	// The new tab content
	echo '<h2>Shipping & Delivery</h2>';
	echo '<p>We ship for free within USA using UPS.</p>';
}

Das war’s – jetzt hat jedes Produkt diesen Tab. Sie können auch Tabs entfernen oder bestehende umbenennen. Was aber, wenn Sie produktspezifische oder kategoriebasierte WooCommerce-Tabs brauchen? Zum Beispiel eine Größentabelle nur für Produkte der Kategorie Bekleidung? Dann sollten Sie zu einem Plugin greifen!

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-single-product' );

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

.woocommerce-tabs ul.tabs {
display: none !important;
}