Verbessere die Navigation: Kategorieanzeige auf Produktübersicht in WooCommerce

Die Produktübersicht in WooCommerce ist oft der erste Anlaufpunkt für Kunden, um Produkte zu durchsuchen und zu entdecken. Eine praktische Funktion, um die Navigation zu verbessern und die Benutzererfahrung zu optimieren, ist die Anzeige der Kategorie jedes Produkts direkt auf der Produktübersichtsseite. Dadurch können Kunden schnell erkennen, in welcher Kategorie sich das Produkt befindet, und bei Bedarf direkt zu ähnlichen Produkten derselben Kategorie navigieren.

Mit diesem einfachen Snippet kannst du bei jedem Produkt in der Produktübersicht einen klickbaren Link zur entsprechenden Kategorie anzeigen lassen:

//Remove title hook and add in a new one with the product categories added
remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );
add_action( 'woocommerce_shop_loop_item_title', 'VS_woo_loop_product_title', 10 );

function VS_woo_loop_product_title() {
   
    $terms = get_the_terms( $post->ID, 'product_cat' );
    if ( $terms && ! is_wp_error( $terms ) ) :
    // only displayed if the product has at least one category
        $cat_links = array();
    foreach ( $terms as $term ) {
        $cat_links[] = '<a href="'.esc_url( home_url() ).'/produkt-kategorie/'.$term->slug.'">'.$term->name.'</a>';
    }
    $on_cat = join( ", ", $cat_links );
    ?>
    <div class="label-group">
        <div class="categories-link"><?php echo $on_cat; ?></div>
    </div>
 <?php 
 endif;
	
	echo '<h2 class="woocommerce-loop-product__title"><a href="' . get_permalink($post->ID) . '">' . get_the_title() . '</a></h2>';
}

Dieses Snippet fügt einen klickbaren Link zur Kategorie jedes Produkts hinzu, der direkt zur entsprechenden Kategorieseite führt. Kunden können somit mit einem Klick weitere Produkte aus derselben Kategorie erkunden, was die Navigation und das Einkaufserlebnis insgesamt verbessert.

Die Anzeige der Kategorie auf der Produktübersichtsseite ist besonders nützlich für große Shops mit einer Vielzahl von Produkten und Kategorien. Sie ermöglicht es Kunden, sich schnell zurechtzufinden und relevante Produkte zu finden, was letztendlich zu einer höheren Zufriedenheit und mehr Verkäufen führen kann.

Nutze dieses Snippet, um die Navigation in deinem WooCommerce-Shop zu optimieren und den Kunden ein noch besseres Einkaufserlebnis zu bieten. Es ist eine einfache und effektive Möglichkeit, die Benutzerfreundlichkeit zu steigern und den Umsatz zu steigern.