woocommerce nazwa kategorii retriving jako klasa div? - wordpress, klasa, woocommerce

ok próbuję odtworzyć nazwę kategorii produktu woocommerce wyświetlanego w pętli wordpress i użyć go jako klasy dla li również wewnątrz pętli próbowałem tego:

 <div id="isocontent" class="products">
<ul><?php while (have_posts()) : the_post(); ?>


<li class="<?php echo $product->get_categories(); ?> box">
<a href="<?php the_permalink(); ?>"><?php echo the_post_thumbnail(); ?></a>
<p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
<a href="<?php the_permalink(); ?>"><span href="<?php the_permalink(); ?> " class="amount price" data-original="<?php echo get_woocommerce_currency(); ?><?php echo $product->get_price(); ?>" data-price="<?php echo $product->get_price(); ?>" title="Original price: <?php echo $product->get_price(); ?>"><?php echo get_woocommerce_currency(); ?><?php echo $product->get_price(); ?></span></a>
<a href="<?php the_permalink(); ?>?add-to-cart=<?php echo $post->ID ?>" class="pbutton">Add to Cart</a>
</li>
<?php endwhile; ?>
</ul>
</div>

to jest część, którą próbuję odtworzyć klasę z:

<li class="<?php echo $product->get_categories(); ?> box">

ale to po prostu wyprowadza:

<li class="&lt;a href=" http:="" localhost.no="" fanny="" kategori="" interior-sv="" "="" rel="tag">

który pobiera kategorię, ale także wkręca ze znacznikiem rozbijającym pętlę. Próbowałem również tego:

<li <?php post_class("box"); ?>

ale ponieważ woocommerce używa taksonów, to odzyskuje tagi, ale nie kategorię produktu. wszelka pomoc jest bardzo ceniona Z poważaniem Chris

Odpowiedzi:

To nie jest tak proste, jak wykonanie pojedynczego połączenia - get_categories() ma na celu pokazanie reprezentacji HTML kategorii produktów. Kategorie produktów są w rzeczywistości niestandardową taksonomią, więc musisz użyć get_the_terms() dostać się do tego.

global $post;
$terms = get_the_terms( $post->ID, "product_cat" );
foreach ( $terms as $term ){
$category_id = $term->term_id;
$category_name = $term->name;
$category_slug = $term->slug;
break;
}