Subkategorien auf WooCommerce Produktseiten anzeigen und verlinken

Wenn du einen Online-Shop mit WooCommerce betreibst, weißt du, wie wichtig die Organisation deiner Produkte ist. Kategorien und Unterkategorien helfen dabei, deine Produkte strukturiert und benutzerfreundlich zu präsentieren. In diesem Artikel zeige ich dir, wie du Subkategorien auf WooCommerce-Produktseiten anzeigen und verlinken kannst, um die Navigation für deine Kunden zu verbessern.

Schritt 1: Die Funktion “prefix_get_subcategory”

Um Subkategorien auf deinen WooCommerce-Produktseiten anzuzeigen und zu verlinken, verwenden wir eine benutzerdefinierte Funktion namens “prefix_get_subcategory”. Diese Funktion kann später mithilfe eines Action Hooks in die Produktseiten integriert werden.

Hier ist der vollständige Code für die Funktion:

function prefix_get_subcategory() {
    global $post;
    $terms = get_the_terms( $post->ID, 'product_cat' );

    print '<div class="product__subcategory">';

    if ( $terms && ! is_wp_error( $terms ) ) {

        $subcategories = array();

        foreach ( $terms as $term ) {
            if ( $term->parent > 0 ) { // Prüft, ob es sich um eine Subkategorie handelt
                $subcategories[] = $term;
            }
        }

        if ( ! empty( $subcategories ) ) {
            print '<div class="product-subcategories">';
            foreach ( $subcategories as $subcategory ) {
                $subcategory_link = get_term_link( $subcategory->term_id, 'product_cat' );
                if ( ! is_wp_error( $subcategory_link ) ) {
                    print '<a href="' . esc_url( $subcategory_link ) . '">' . esc_html( $subcategory->name ) . '</a>';
                }
            }
            print '</div>';
        }

    }

    print '</div>';
}

Schritt 2: Die Funktion in WooCommerce integrieren

add_action( 'woocommerce_before_single_product_summary', 'prefix_get_subcategory', 5 );

Platziere diesen Code in deiner functions.php Datei im Theme-Verzeichnis deines WordPress Themes.

Durch die Verwendung der benutzerdefinierten Funktion “prefix_get_subcategory” und die Integration in deine WooCommerce Produktseiten kannst du Subkategorien anzeigen und verlinken. Dies verbessert die Benutzererfahrung deiner Kunden, indem sie leichter zwischen verwandten Produkten navigieren können.

Nimm dir die Zeit, die CSS-Stile entsprechend anzupassen, um sicherzustellen, dass die Subkategorien Links optisch ansprechend in deine Produktseiten passen. Damit wird dein WooCommerce-Shop noch benutzerfreundlicher und übersichtlicher.

Ich hoffe, dieser Artikel hilft dir dabei, deine WooCommerce Produktseiten zu optimieren und die Navigation für deine Kunden zu verbessern. Wenn du weitere Fragen hast oder Unterstützung benötigst, zögere nicht, dich an mich zu wenden.

Lake Studio