The WooCommerce Single Product page, on top of letting you add to cart the current item, also displays a list of related products and up-sells (when defined).
But what if you ALSO want to show a grid of “related product categories”, so that the customer can easily navigate to a category page instead of a single (related) product?
In this experiment, we will first calculate the current product’s categories, and then use a WooCommerce shortcode to output them as a grid, right below the related products section. Enjoy!
PHP Snippet: Display Grid of Related Product Categories @ WooCommerce Single Product Page
/**
* @snippet Related Cats @ WooCommerce Single Product
* @how-to Get CustomizeWoo.com FREE
* @author Rodolfo Melogli
* @compatible WooCommerce 8
* @donate $9 https://businessbloomer.com/bloomer-armada/
*/
add_action( 'woocommerce_after_single_product_summary' , 'bbloomer_related_product_cats_single_product', 21 );
function bbloomer_related_product_cats_single_product() {
global $product;
$cat_ids = $product->get_category_ids();
echo '<section class="related categories"><h2>Related Categories</h2>';
echo do_shortcode( '[product_categories ids="' . implode( ",", $cat_ids ) . '"]' );
echo '</section>';
}