WordPress — один-product.php не открывается

Я создал набор страниц. На первой странице product.php показаны все пользовательские категории (заголовок и изображение). Если пользователь нажимает на него, он переходит на страницу taxonomy-product_categories, где отображаются продукты определенной категории. Теперь я хочу, чтобы, если пользователь нажимает на товар, он переходит на страницу 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=""

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