single-product.php не открывается

Я создал набор страниц. На первой странице product.php показаны все пользовательские категории (название и изображение). Если пользователь нажимает на нее, он переходит на страницу таксономии-продукт_категории, где отображаются продукты определенной категории. Теперь я хочу, чтобы если пользователь нажимал на продукт, он переходил на страницу single-product.php.

код здесь

<?php
get_header();
$slug = get_queried_object()->slug; // get clicked category slug
$name = get_queried_object()->name; // get clicked category name
$tax_post_args = array(
    'post_type' => 'products', // your post type
    'posts_per_page' => 999,
    'orderby' => 'id',
    'order' => 'ASC',
    'tax_query' => array(
        array(
            'taxonomy' => 'product_categories', // your taxonomy
            'field' => 'slug',
            'terms' => $slug
        )
    )
);
?>
<div id="main-wrap">
    <div class="container">
        <?php
        $counter = 1;
        $tax_post_qry = new WP_Query($tax_post_args);
        if ($tax_post_qry->have_posts()) {
            while ($tax_post_qry->have_posts()) {
                $tax_post_qry->the_post();
                $the_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), $type);
                //var_dump($the_url);


                if ($counter % 4 == 0) {
                    echo '<div class="row product-gallery">';
                }
                ?>
                <div class="col-sm-3">
                    <div class="product-warp">
                        <div class="product">
                            <a href="#"><img src="<?php echo $the_url[0] ?>" title="" alt=""></a>
                        </div>
                        <div class="product-name">
                            <h5>
                                <a href="">
                                    <?php echo get_the_title();
                                    ; ?>
                                </a>
                            </h5>
                        </div>
                    </div>
                </div>
                <?php
                if ($counter % 4 == 0) {
                    echo '</div>';
                }
                ?>

                <?php
            }
        }
        ?>
    </div>
</div>
<?php get_footer(); ?>

это место, где пользователь щелкает, затем он должен перейти к single-product.php

<a href="#"><img src="<?php echo $the_url[0] ?>" title="" 

Кто-нибудь, направьте меня шаг за шагом, пожалуйста