classes – How one can get particular variety of class publish on a web page or class web page?

  <div class="ftcat-filtered">
        <h2 class="filtered-title"> All Product Critiques</h2>
                <div class="cat-paged">
        <div class="dl-grid">
                                                    <div class="dl-grid-row">
                <?php whereas (have_posts()) {
                    the_post();
                    $imagepath = wp_get_attachment_image_src(get_post_thumbnail_id());

                ?>
                        <div class="dl-grid-col-3">
        <div class="dl-card dl-card-style-33 cat-filtered-post">
            <div class="dl-card-content">
                <div class="dl-card-title">
                    <a href="<?php the_permalink(); ?>" class="dl-card-title-link"><?php the_title(); ?></a>
                </div>
            </div>
                                <div data-bg="<?php echo $imagepath[0]; ?> " class="dl-card-bg rocket-lazyload" fashion="background-image: url('<?php echo $imagepath[0]; ?>'); "></div>
                            <div class="dl-card-footer">
                <div class="dl-card-categories">
                    <a href="cafe/index.html"
                            class="dl-category dl-category-55">cafe</a>                    </div>
                <div class="dl-date-wrap">
                    <img width="20" peak="19" src="<?php echo content_url('plugins/dl-grid-addons/public/photos/icon-time.svg'); ?>" alt="date" class="dl-date-icon" data-lazy-src="<?php echo content_url('plugins/dl-grid-addons/public/photos/icon-time.svg'); ?>"><noscript>img width="20" peak="19" src="?php echo content_url('plugins/dl-grid-addons/public/photos/icon-time.svg');?? " alt="date" class="dl-date-icon"></noscript>
                    <span class="dl-date"><?php echo get_the_date(); ?></span>
                </div>
            </div>
        </div>
    </div>   
<?php } ?>                   
                        

                                                        
                    
                       
                                                        
                                
                        
                                    </div>
                                                   
                                    
                                               
                                        
                                                </div>
                        </div>
                        
        <div class="cat-pagination-wrap">
        <?php wp_pagenavi(); ?>
        </div>
    </div>
                        </div>
                </div>
    </div>
    <?php get_footer(); ?>

1: After I click on on “House,” I would like all posts in that class to look on that web page, in addition to the classes under that within the sub-menu.

2: When the publish seems on the web page, the publish class (café is a class) ought to seem on the publish block. If I’m clicking on “House,” then all posts associated to “House” and the sub-menu class ought to come, but when the publish is coming from a sub-menu class, then the sub-menu class ought to print on the publish block. Within the second picture, all posts are in numerous classes, however I’m unable to print the classes.

Check out how I categorize the posts in order that they will seem on the class web page.