Home » WooCommerce » Hinzufügen von Text unter der Produktliste in WooCommerce-Kategorieseiten

Hinzufügen von Text unter der Produktliste in WooCommerce-Kategorieseiten

Es gibt eine beliebte Methode, um die Sichtbarkeit von Produktkategorien in Google und anderen Suchmaschinen zu verbessern. Und es ist ganz einfach: Kategorieseiten brauchen mehr hilfreiche Inhalte, um sich abzuheben.

Wenn Sie beispielsweise ein Bekleidungsgeschäft besitzen und die Kategorie „Accessoires“ hervorheben möchten, könnten Sie Tipps und Tricks einbauen, wie man Kleidung mit verschiedenen Accessoires kombiniert. Fügen Sie diese Anleitung dann auf der Seite der Kategorie Accessoires ein.

Best WordPress hosting 2024

Die Idee ist klar, aber es gibt ein Problem. Diese Art von Inhalt sollte lang sein, und lange Inhalte sehen nicht gut aus, wenn sie dem normalen Beschreibungsfeld in der WooCommerce-Produktkategorie hinzugefügt werden. Deshalb fügen wir diesen Text am Ende der Kategorieseite ein, direkt unter der Produktliste. Auf diese Weise wird er für die Leser sichtbar sein, aber er wird nicht störend für diejenigen sein, die die Produktliste auf der Suche nach einem bestimmten Artikel durchsuchen.

So fügen Sie ein Feld für zusätzlichen Text in das WooCommece-Formular für Produktkategorien ein

Um ein zusätzliches Feld für die Produktkategorie in WooCoomerce hinzuzufügen, gehen Sie im WordPress-Adminpanel zu Darstellung >> Theme File Editor (oder Tools >> Theme File Editor). Klicken Sie dann auf die Datei functions.php auf der rechten Seite des Bildschirms.

Sobald Sie die functions-Datei geöffnet haben, scrollen Sie zum Ende des Inhalts und fügen Sie diesen Code ein:

function rocksolid_edit_bottom_description($term) {
	$bottom_description = get_term_meta($term->term_id, 'bottom_description', true);
	$settings = array( 'media_buttons' => false );
    ?>
 <tr class="form-field">
        <th scope="row" valign="top"><label for="bottom_description">Bottom description</label></th>
        <td>
            <?php wp_editor( $bottom_description , 'bottom_description', $settings ); ?>
        </td>
    </tr>
    <?php
}
add_action('product_cat_edit_form_fields', 'rocksolid_edit_bottom_description', 10, 1);

function rocksolid_save_bottom_description($term_id) {
	$bottom_description = filter_input(INPUT_POST, 'bottom_description');
	update_term_meta($term_id, 'bottom_description', $bottom_description);
}
add_action('edited_product_cat', 'rocksolid_save_bottom_description', 10, 1);

Was dieser Code bewirkt:

  1. Die erste Funktion rocksolid_edit_bottom_description fügt dem Produktkategorie-Feld in WooCommerce ein WYSIWYG-Feld namens Bottom description hinzu.
  2. Die zweite Funktion rocksolid_save_bottom_description speichert den Wert des unteren Beschreibungstextes in der WordPress-Datenbank.

Nachdem Sie diesen Code in die Datei functions.php eingefügt und die Änderungen gespeichert haben, finden Sie ein neues, umfangreiches Textfeld im WooCommerce-Produktkategorie-Bearbeitungsformular. So wie hier:

how to add additional fields to woocommerce cateogry form

Wenn das Feld nun fertig ist, müssen wir den Inhalt auf der eigentlichen Website anzeigen.

Wie man Text unter der Produktliste in WooCoomerce-Kategorieseiten anzeigt

Da wir bereits Inhalte haben, die unter der Produktliste angezeigt werden sollen, müssen wir sie für die Besucher des Shops sichtbar machen.

Öffnen Sie wie zuvor die Datei function.php des WordPress-Themes und fügen Sie diesen Code am Ende der Datei ein:

function rocksolid_show_bottom_description(){
	$bottom_description = get_term_meta(get_queried_object_id(), 'bottom_description', true);	
	if (!empty($bottom_description)) {
		echo '<div class="bottom-category-description">'.nl2br($bottom_description).'</div>';
	}	
}
add_action( 'woocommerce_after_shop_loop', 'rocksolid_show_bottom_description' );

Diese Funktion übernimmt den Inhalt des Feldes „Bottom Description“ im Woo-Kategorieformular und zeigt ihn unter der Produktliste auf den WooCommerce-Produktkategorieseiten an. Wie hier:

woocommerce add seo description under products in category pages

Wenn Sie diesem Text ein zusätzliches Styling hinzufügen möchten, können Sie der Klasse bottom-category-description ein css-Styling hinzufügen.

Das ist es – jetzt haben Sie ein Feld für das Hinzufügen von zusätzlichem Text zu WooCommerce Kategorie Form, und Sie können diesen Text unter der Produktliste in Kategorie-Seiten ohne zusätzliche Plugins anzeigen.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK