So entfernen Sie die Registerkarte „Zusätzliche Informationen“ in WooCommerce

Veröffentlicht: 2021-10-16

Es ist kein Geheimnis, dass die Optimierung Ihres Online-Shops Ihre Verkäufe und Conversions steigern wird. Wenn Sie alles versucht haben und nach etwas anderem suchen, um Ihr Geschäft zu verbessern, ist dieser Beitrag genau das Richtige für Sie. In diesem Artikel zeigen wir Ihnen, wie Sie die Registerkarte Zusätzliche Informationen in WooCommerce entfernen und einzelne Produktseiten ändern können.

Warum die Registerkarte „Zusätzliche Informationen“ entfernen?

Die Registerkarte Zusätzliche Informationen wird hauptsächlich verwendet, um zusätzliche Details zu Ihren Produkten anzuzeigen, z. B. Gewicht, Länge, Breite und Höhe. Dies hilft den Kunden, sich ein Bild davon zu machen, wie groß und schwer der Artikel ist, und so bei der Bestellung die richtige Verpackungsgröße zu wählen.

Diese Registerkarte ist wichtig, wenn Sie physische Produkte verkaufen, macht jedoch nicht viel Sinn, wenn Sie digitale Produkte oder Dienstleistungen anbieten, die keinen Versand beinhalten. In diesen Fällen ist die Registerkarte Zusätzliche Informationen nicht erforderlich.

Wenn man bedenkt, wie viel Wettbewerb es heute im E-Commerce gibt, sollten Sie unnötige Felder entfernen und Ihren Shop so sauber wie möglich halten. Wenn etwas Ihrem Unternehmen nicht hilft, ist es besser, es loszuwerden. Wenn Sie beispielsweise digitale Produkte verkaufen, benötigen Sie das Postleitzahlenfeld wahrscheinlich nicht, daher ist es besser, es zu deaktivieren oder optional zu machen.

Ebenso sollten Sie die Registerkarte „Zusätzliche Informationen“ entfernen, wenn sie keinen Mehrwert für Ihre Kunden oder Ihr Unternehmen bringt. Im folgenden Abschnitt zeigen wir Ihnen genau, wie das geht.

So entfernen Sie die Registerkarte „Zusätzliche Informationen“ in WooCommerce

In diesem Abschnitt zeigen wir Ihnen zwei Möglichkeiten, wie Sie die Registerkarte „Zusätzliche Informationen“ in WooCommerce richtig entfernen können.

  1. Mit PHP
  2. Verwendung von CSS

Wir werden ein wenig Code verwenden, aber keine Sorge. Selbst wenn Sie ein Anfänger sind, können Sie jeden Schritt nachvollziehen, um sicherzustellen, dass Sie keine Fehler machen.

HINWEIS: Da wir Kernthemendateien ändern und der Vorlage zusätzlichen Code hinzufügen, stellen Sie vor Beginn sicher, dass Sie eine vollständige Sicherung Ihrer Website erstellt haben. Außerdem empfehlen wir Ihnen, ein untergeordnetes Design zu erstellen und diese Dateien zu bearbeiten. Auf diese Weise verlieren Sie keine Anpassungen, wenn Sie Ihr übergeordnetes Design aktualisieren.

Um Dateien mit Code zu bearbeiten, können Sie das untergeordnete Thema direkt anpassen oder ein Plugin verwenden. In diesem Leitfaden verwenden wir Code-Snippets. Es ist ein sehr nützliches Werkzeug für Anfänger, da es das Hinzufügen von Code erleichtert. Anstatt die Snippets zur Datei functions.php deines Child-Themes hinzuzufügen, verwaltet das Plugin das für dich.

Lassen Sie uns nun ohne weiteres Umschweife beide Methoden ausprobieren.

1) Entfernen Sie die Registerkarte Zusätzliche Informationen mit PHP

Um die Registerkarte „Zusätzliche Informationen“ in WooCommerce mit PHP zu entfernen, müssen Sie zunächst das Code-Snippets-Plugin auf Ihrer Website installieren und aktivieren. Auf diese Weise können Sie benutzerdefinierte Snippets hinzufügen, ohne Ihre zentralen Designdateien zu ändern.

Gehen Sie in Ihrem Dashboard zu Plugins > Neu hinzufügen , suchen Sie nach dem Plugin und installieren Sie es.

coe-snippets-plugin installieren

Nachdem Sie es installiert und aktiviert haben, müssen Sie ein neues Snippet erstellen. Gehen Sie zu Snippets > Alle Snippets und drücken Sie Neu hinzufügen .

Entfernen Sie die Registerkarte "Zusätzliche Informationen" in WooCommerce - fügen Sie ein neues Code-Snippet hinzu

Kopieren Sie nun den folgenden Code, fügen Sie ihn in den Snippet-Bereich ein und aktivieren Sie ihn.

 // Registerkarte mit zusätzlichen Informationen entfernen
Funktion quadlayers_remove_product_tabs( $tabs ) {
unset( $tabs['zusätzliche_informationen'] );
gib $tabs zurück;
}
add_filter( 'woocommerce_product_tabs', 'quadlayers_remove_product_tabs', 98 );

Entfernen Sie die Registerkarte "Zusätzliche Informationen".
Überprüfen Sie dann Ihre Produktseite im Frontend und Sie werden sehen, dass die Registerkarte Zusätzliche Informationen verschwunden ist.

Zusatzinformations-Tab entfernt

So können Sie mit PHP die Registerkarte Zusätzliche Informationen löschen.

Um andere Registerkarten zu entfernen, können Sie in dieser Zeile einfach den Namen der Registerkarte ändern:

 unset( $tabs['zu entfernende Registerkarte'] );

Wie Sie sehen können, ist diese Methode ziemlich einfach, aber nicht die einzige. Im folgenden Abschnitt zeigen wir Ihnen, wie Sie die Registerkarte Zusätzliche Informationen mithilfe von CSS aus Ihrem WooCommerce-Shop entfernen .

2) Registerkarte „Zusätzliche Informationen“ mit CSS entfernen

Das Gute an der CSS-Methode ist, dass Sie keine Plugins benötigen. Sie können einfach die im WordPress Customizer verfügbare zusätzliche CSS -Funktion verwenden, um die Aufgabe abzuschließen. Mal sehen, wie es geht.

Gehen Sie in Ihrem WordPress-Dashboard zu Aussehen > Anpassen .

WordPress-Customizer

Gehen Sie im Customizer zum Abschnitt Zusätzliches CSS .

zusätzliches CSS

Kopieren Sie nun den folgenden CSS-Code und fügen Sie ihn in den Editor ein. Sehen Sie sich die Vorschau an und Sie werden die Änderungen sofort sehen.

 /* Registerkarte Zusatzinformationen ausblenden */
li.additional_information_tab {
Anzeige: keine !wichtig;
} zusätzliche Registerkarte ausblenden

Wenn Sie mit dem Ergebnis zufrieden sind, denken Sie daran, die Updates zu veröffentlichen.

Das ist es! So können Sie die Registerkarte „Zusätzliche Informationen“ mithilfe von CSS aus Ihrem WooCommerce-Shop entfernen .

Entfernen Sie die Registerkarte „Zusätzliche Informationen“ von der Checkout-Seite

Bisher haben wir gesehen, wie man die Registerkarte „Zusätzliche Informationen“ von der Produktseite löscht. Diese Registerkarte erscheint jedoch auch auf der Checkout-Seite. In diesem Fall ermöglicht es den Käufern, weitere Informationen und Anmerkungen zu ihren Bestellungen bereitzustellen.

Wenn Sie die Registerkarte „Zusätzliche Informationen“ von der Checkout-Seite von WooCommerce entfernen möchten, ist dieser Abschnitt genau das Richtige für Sie.

Bevor wir beginnen, sehen wir uns an, wie die Registerkarte „Zusätzliche Informationen“ auf der Checkout-Seite aussieht:

zusätzliche informationen woocommerce checkout

Um diese Registerkarte jetzt zu entfernen, verwenden wir ein bisschen CSS.

Kopieren Sie einfach den folgenden Code, fügen Sie ihn in den Abschnitt „ Zusätzliches CSS “ des Customizers ein und klicken Sie auf „Veröffentlichen“ .

 .woocommerce-Zusatzfelder {
Anzeige: keine;
}

Veröffentliche den CSS-Code

Aktualisieren Sie dann die Checkout-Seite und Sie werden sehen, dass die zusätzlichen Informationen verschwunden sind.

Checkout-Seite aktualisiert

Das ist es! So können Sie mit ein wenig CSS die Registerkarte „Zusätzliche Informationen“ von der Checkout-Seite entfernen .

So passen Sie die Registerkarte „Zusätzliche Informationen“ an

Angenommen, Sie möchten die Registerkarte „Zusätzliche Informationen“ nicht direkt aus Ihrem Shop löschen, sondern sie anpassen. In diesem Abschnitt zeigen wir Ihnen einige verschiedene Optionen zum Anpassen der Registerkarte „Zusätzliche Informationen“.

Benennen Sie die Registerkarte Zusätzliche Informationen um

Wenn Sie deutlich machen möchten, was sich auf der Registerkarte „Zusätzliche Informationen“ befindet, können Sie sie umbenennen. Abgesehen davon, dass Sie beschreiben, was darin enthalten ist, heben Sie sich von Ihren Mitbewerbern ab, da die meisten Online-Shops dies nicht tun.

Erstellen Sie mit dem Plug-in „Code Snippets“ ein neues Snippet und fügen Sie den folgenden Code ein:

 /**
* Registerkarte Zusätzliche Informationen umbenennen
*/
add_filter( 'woocommerce_product_tabs', 'quadlayers_rename_tabs', 98 );
Funktion quadlayers_rename_tabs( $tabs ) {
$tabs['additional_information']['title'] = __( 'Product Information' ); // Registerkarte Zusätzliche Informationen umbenennen
gib $tabs zurück;
}

Wenn Sie sich den Code genau ansehen, werden Sie sehen, dass wir diese Zeile verwenden, um den Tab-Namen zu ändern:

 $tabs['additional_information']['title'] = __( 'Product Information' ); // Registerkarte Zusätzliche Informationen umbenennen

In diesem Beispiel haben wir den Namen in Produktinformationen geändert, aber Sie können den Code gerne nehmen und ihn Ihren Vorlieben anpassen.

Nachdem Sie den Code eingegeben haben, veröffentlichen Sie die Änderungen und Sie sehen, wie die Registerkarte „Zusätzliche Informationen“ ihren Namen in „Produktinformationen“ geändert hat.

Bisher haben wir gesehen, wie man die Registerkarte Zusätzliche Informationen entfernt und wie man sie in WooCommerce umbenennt. Aber Sie können noch mehr tun. Sehen wir uns an, wie Sie Ihrer Produktseite einen neuen Tab hinzufügen können.

So fügen Sie eine neue Registerkarte hinzu

Wenn Sie etwas Einzigartiges oder ein Produkt verkaufen, das neu ist oder viele Spezifikationen hat, möchten Sie möglicherweise zusätzliche Registerkarten zur Produktseite hinzufügen. In diesem Abschnitt zeigen wir Ihnen, wie Sie mit einigen PHP-Snippets einen Tab zu einer einzelnen Produktseite hinzufügen können.

Öffnen Sie zunächst die Einstellungen für Code-Snippets und erstellen Sie ein neues PHP-Snippet. Fügen Sie dann den folgenden Code ein.

 /**
* Fügen Sie eine neue Produktdaten-Registerkarte hinzu
*/
add_filter( 'woocommerce_product_tabs', 'quadlayers_new_product_tab' );
Funktion quadlayers_new_product_tab( $tabs ) {

// Registerkarte hinzufügen

$tabs['test_tab'] = array(
'title' => __( 'Custom Product Tab', 'woocommerce' ),
'Priorität' => 50,
'callback' => 'quadlayers_new_product_tab_content'
);

gib $tabs zurück;

}
Funktion quadlayers_new_product_tab_content() {

// Tab-Inhalt

echo '<h2>Benutzerdefinierte Produktregisterkarte</h2>';
echo '<p>Ihr neuer Produkt-Tab.</p>';

}

Nachdem Sie den Code eingefügt haben, speichern Sie ihn, um die Änderungen zu übernehmen.

Entfernen Sie die Registerkarte "Zusätzliche Informationen" in WooCommerce - fügen Sie eine neue Registerkarte hinzu

Überprüfen Sie nun eine Ihrer Produktseiten vom Frontend aus und Sie sehen die neue Registerkarte.

Entfernen Sie die Registerkarte "Zusätzliche Informationen" in WooCommerce - Registerkarte "Benutzerdefiniertes Produkt".

Mit demselben Code können Sie ihn bearbeiten, um bei Bedarf mehrere Registerkarten hinzuzufügen. Und das ist es! So können Sie Ihrer WooCommerce-Produktseite benutzerdefinierte Registerkarten hinzufügen.

Bevor wir den Beitrag beenden, sehen wir uns noch eine Sache an, die Sie tun können, um die Registerkarte „Zusätzliche Informationen“ anzupassen.

So ordnen Sie Registerkarten neu an

Ein weiterer hilfreicher Trick, den Sie in Ihrem Shop anwenden können, ist die Neuordnung der Registerkarten auf der Produktseite. Ohne Plugins zu verwenden, können Sie die Reihenfolge der Registerkarten ändern. Mal sehen, wie man es mit einigen PHP-Snippets macht.

Standardmäßig ordnet WooCommerce die Registerkarten wie folgt an:

  1. Beschreibung
  2. zusätzliche Information
  3. Bewertungen

Angenommen, Sie möchten die Bewertungen hervorheben und diese an die erste Stelle setzen. Um die Registerkarten neu anzuordnen, würden Sie diesen Code verwenden:

 /**
* Registerkarten neu anordnen
*/
add_filter( 'woocommerce_product_tabs', 'quadlayers_reorder_tabs', 98 );
Funktion quadlayers_reorder_tabs( $tabs ) {

$tabs['Bewertungen']['Priorität'] = 5; // Bewertungen zuerst
$tabs['description']['priority'] = 10; // Beschreibung zweite
$tabs['zusätzliche_informationen']['priorität'] = 15; // Zusätzliche Informationen Dritter

gib $tabs zurück;
}

Wie Sie sehen können, verwenden wir das Prioritätsattribut, um die Registerkarten in der gewünschten Reihenfolge zu platzieren. In diesem Fall setzen wir die Bewertungen zuerst, dann die Beschreibung und schließlich die Registerkarte Zusätzliche Informationen. Nehmen Sie den Code als Basis und passen Sie ihn an Ihre Bedürfnisse an.

Wenn Sie sich für die Bestellung entschieden haben, fügen Sie den Code in den Code Snippets Plugin-Einstellungen ein und aktivieren Sie ihn.

Registerkarten neu bestellen

Überprüfen Sie nun eine Ihrer Produktseiten vom Frontend aus und Sie werden sehen, dass die Registerkarten entsprechend Ihrer neuen Priorität neu geordnet sind.

Neue Tab-Priorität

Weitere Informationen und Beispiele dazu, wie Sie Änderungen an Ihrer Produktseite vornehmen können, finden Sie in unserem Leitfaden zum Anpassen der WooCommerce-Produktseite.

Weitere Informationen und Beispiel-Snippets finden Sie auf der Dokumentationsseite von WooCommerce.

Fazit

Alles in allem enthält die Registerkarte Zusätzliche Informationen normalerweise Details zu Ihren Produkten wie Gewicht, Länge, Breite und Höhe. Wenn Sie jedoch keine physischen Produkte verkaufen, kann es sinnvoll sein, diese Registerkarte loszuwerden.

In dieser Anleitung haben wir Ihnen gezeigt, wie Sie die Registerkarte „Zusätzliche Informationen“ in WooCommerce mit zwei verschiedenen Methoden entfernen können.

  1. PHP
  2. CSS

Beide Wege sind recht einfach und erfordern keine großen Programmierkenntnisse. Wenn Sie sich mit PHP auskennen, können Sie ein seitenspezifisches Plugin verwenden, um das Snippet hinzuzufügen, oder die Datei functions.php Ihres Child-Themes direkt bearbeiten. Wenn Sie Ihre Themendateien nicht bearbeiten möchten, können Sie alternativ die CSS-Methode verwenden. Es erfordert keine zusätzlichen Tools und Sie können den Code mit dem WordPress Customizer hinzufügen. Dank der Live-Vorschau des Customizers können Sie die Änderung in Echtzeit sehen.

Darüber hinaus haben wir gesehen, wie Sie die Registerkarte „Zusätzliche Informationen“ von der Checkout-Seite entfernen, und einige verschiedene Beispiele, wie Sie den Namen der Registerkarte ändern, eine neue Registerkarte hinzufügen und die Reihenfolge der Registerkarten ändern können.

Welche Methode haben Sie verwendet, um die Registerkarte „Zusätzliche Informationen“ aus Ihrem WooCommerce-Shop zu löschen? Kennen Sie eine andere Methode? Lass es uns im Kommentarbereich unten wissen!

Weitere Tutorials zum Anpassen Ihres Shops finden Sie in den folgenden Artikeln:

  • So passen Sie die WooCommerce-Shop-Seite an
  • Passen Sie die Produktseite mit Elementor an
  • So bearbeiten Sie den Abschnitt "Verwandte Produkte".