How to display all categories name in Wordpress page and the selected category will be in bold style?

Question

I want to display all the existing categories in my Wordpress page in the bottom of the content and the selected category will be in bold style, as follows:

For example, for an existing post if I selected category2 of 3 existing, then it show like this

category1 category2 category3

<div class="entry-meta">
<span class="term-links">
<?php foreach ( get_the_terms( $post->ID, 'category') as $term ) : 
?>
<a href="<?php echo esc_url( get_term_link( $term->term_id ) ) 
?>"><span class="<?php echo $term->slug ?>"><?php echo $term->name ?>
</span></a>
<?php endforeach; ?>
</span>

<style>
.term-links .category2 {
display: inline-block;
font-weight:bold;
</style>

In the above code only display the selected category, not showing the all category. How can I do this?

Answer 1

Add below code in your template it shows list of all category

<style type="text/css">
        .single-product div.product .product_meta .product_cat ul li{ list-style-type:circle;}
        .single-product div.product .product_meta .product_cat ul li.current-cat{list-style-type:circle;}
        .single-product div.product .product_meta .product_cat ul li.current-cat a{display: inline-block;font-weight:bold;}
        </style>
        <?php
        global $post;
        $terms = get_the_terms( $post->ID, 'product_cat' );
        $product_cat_id_array = array();
        foreach ($terms  as $term  ) {
            $product_cat_id_array[]  = $term->term_id;
        }
        $product_cat_id_string = implode(",",$product_cat_id_array);

        $args = array(
            'child_of'            => 0,
            'current_category'    => $product_cat_id_string,
            'depth'               => 0,
            'echo'                => 1,
            'exclude'             => '',
            'exclude_tree'        => '',
            'feed'                => '',
            'feed_image'          => '',
            'feed_type'           => '',
            'hide_empty'          => 0,
            'hide_title_if_empty' => false,
            'hierarchical'        => true,
            'order'               => 'ASC',
            'orderby'             => 'name',
            'separator'           => '',
            'show_count'          => 0,
            'show_option_all'     => '',
            'show_option_none'    => __( 'No categories' ),
            'style'               => 'list',
            'taxonomy'            => 'product_cat',
            'title_li'            => __( 'Categories' ),
            'use_desc_for_title'  => 0,
        );
        wp_list_categories($args);
     ?>