Search & Filterで、複数のカスタムタクソノミーの絞り込み検索フォーム（カテゴリー検索）を作ってますが、検索ワードを出力させたい

Question

実現したいこと

• 検索結果（taxonomy.phpに反映されてます）に何のカテゴリで検索したのか表示させたいです。

「」⇐この中に表示させるのが理想です。
どうすればいいのかご教示お願い致します。

前提

現在wordpressにてsearchandfilterを使ってカスタム投稿タイプmemberのcustomタクソノミーのスラッグ名：gyousyu（業種）とスラッグ名：area（地域）という二種類のタクソノミーの検索フォームを作っています。
絞り込みは上手くいっていてtaxonomy.phpに結果が反映されています。

発生している問題

何のgyousyu（業種）とarea（地域）で検索したのか表示させることができません。
（formのsearchandfilterのinputにvalue＝”<?php the_search_query(); ?>”なんてないので、taxonomy.phpの検索結果に表示されないということは分かっています。）

該当のソースコード

[searchandfilter fields="serch,gyousyu,area"  post_types="member" submit_label="検索する"  empty_search_url="https://onebitious.net/no_results/" ]

<?php get_header(); ?>
<?php echo do_shortcode('[elementor-template id="4160"]'); ?>
<?php echo do_shortcode('[breadcode]
	'); ?>

<?php if( have_posts() ): ?>

<div class="search_width_all">
	<div class="search_top_margin">
	  <h2 class="search_title">「<?php the_search_query(); ?>」の検索結果</h2>
	</div>
  <?php while( have_posts() ): the_post(); ?>

		<div class="search_a_margin">
			<ul class="search_ul_name">
			  <li class="search_li_name">
				<a href="<?php the_permalink(); ?>" target="_blank" rel=“noopener”><?php the_title(); ?></a>
			  </li>
			</ul>
		</div>	

  <?php endwhile; ?>
 
	<div class="search_under_margin">
	</div>
</div>

<!-- 検索ワードがヒットしないとき  -->

<?php else: ?>
	<div class="search_none_margin">
	  <p class="search_p_result">検索結果はありませんでした。</p>
	  <p class="search_p_result">再度サイト内検索、または下部リンクより目的のページをお探しください。</p>
	</div>
<?php endif; ?>
<script>
	
	jQuery(function() {
 
  jQuery('#pan li:nth-child(2)').text('会員プロフィールのカテゴリー検索');
  
});
</script>

<?php get_footer(); ?>

試したこと

下記のように、get_query_varを使ってタクソノミーごとの情報を取得してタームを表示させようとすると、ページが真っ白になったりして上手くいきません。

<!-- 	開いているページの情報を取得 -->
	<div class="main1-hantei">
	<?php 
	$gyousyu_slug=get_query_var('gyousyu');
	$gyousyu=get_term_by('slug',$gyousyu_slug,'gyousyu');
	
	?>
<h2 class="title title-jp"><span class="gyousyu_Category_a">業種：</span><br><span class="gyousyu_Category_q"><?php echo $gyousyu->name; ?></span></h2>

補足情報（FW/ツールのバージョンなど）

WordPress：現在のバージョン: 6.1.1

Answer 1

このようにすればget_query_varが打ち消されずにカテゴリ反映ができました。
get_query_varでカテゴリの情報を取得し、jQueryのtextメソッドで表示させています。
下にheaderやfooterやget_query_varの方で作ったカテゴリ検索も表示されてますがこれはdisplay:noneなどで消そうと思います。

<?php get_header(); ?>
<?php echo do_shortcode('[elementor-template id="4160"]'); ?>
<?php echo do_shortcode('[breadcode]
	'); ?>

<?php if( have_posts() ): ?>

<div class="search_width_all">
	<div class="search_top_margin">
	  <h2 class="search_title">「<?php the_search_query(); ?>」検索結果</h2>
		<h2 class="gyousyu_hyouji_title"><span class="gyousyu_hyouji_title_span"></span></h2>
		<h2 class="area_hyouji_title"><span class="area_hyouji_title_span"></span></h2>
		<p>上記のカテゴリで絞り込んでいます。</p>
	</div>
  <?php while( have_posts() ): the_post(); ?>

		<div class="search_a_margin">
			<ul class="search_ul_name">
			  <li class="search_li_name">
				<a href="<?php the_permalink(); ?>" target="_blank" rel=“noopener”><?php the_title(); ?></a>
			  </li>
			</ul>
		</div>	

  <?php endwhile; ?>
 
	<div class="search_under_margin">
	</div>
</div>

<!-- 検索ワードがヒットしないとき  -->

<?php else: ?>
	<div class="search_none_margin">
	  <p class="search_p_result">検索結果はありませんでした。</p>
	  <p class="search_p_result">再度サイト内検索、または下部リンクより目的のページをお探しください。</p>
	</div>
<?php endif; ?>
<script>
	
	jQuery(function() {
 
  jQuery('#pan li:nth-child(2)').text('会員プロフィールのカテゴリー検索');
  
});
</script>

<?php get_footer(); ?>
<?php get_header(); ?>
<?php echo do_shortcode('[elementor-template id="4160"]'); ?>
<?php echo do_shortcode('[breadcode]
	'); ?>

<div class="taxonomy_background-color">
	
	<div class="custom-wrap">

<h2 class="pageTitle">カテゴリー検索結果<span></span></h2>
<main class="main1">
	<!-- 	開いているページの情報を取得 -->
	<div class="main1-hantei">
	<?php 
	$gyousyu_slug=get_query_var('gyousyu');
	$gyousyu=get_term_by('slug',$gyousyu_slug,'gyousyu');
	if (empty($gyousyu_slug)) {
    echo '$var1の中は空です。';
}
else {
    echo '$var1の中は空ではありません。';
}
 
// if (empty($var2)) {
//     echo '$var2の中は空です。';
// }
// else {
//     echo '$var2の中は空ではありません。';
// }
	?>
	</div>
	<script>
		jQuery(function() {
			var value2=jQuery('.pageTitle').text();
			console.log(value2);
         var value=jQuery('.main1-hantei').text();
			var value3=(value.trim());
			console.log(value3);
			if (value3 == '$var1の中は空です。') {
					
					console.log('業種は空です');
				jQuery('.container1').addClass('dis-none');
					
				}else{
					console.log('違うよ！');
				}
			
  
});



	
	</script>
	<section class="sec1">
		<div class="container1">
			<div class="sec_header">
				<h2 class="title title-jp gyousyu-title"><span class="gyousyu_Category_a">業種：</span><br><span class="gyousyu_Category_q"><?php echo $gyousyu->name; ?></span></h2>
				<span class="title title-en"><?php echo strtoupper($gyousyu->slug); ?></span>
				
			</div>
			<div class="row justify-content-center">
				<?php if(have_posts()): ?>
				<?php while(have_posts()):the_post(); ?>
				<div class="col-md-\3">
					<?php get_template_part('loop','member'); ?>
					
				</div>
				<?php endwhile; else: ?>
					<p>記事がありません。</p>
				<?php endif; ?>
				
			</div>
		</div>
	</section>
	<!-- 	開いているページの情報を取得 -->
	<div class="main2-hantei">
	<?php 
	$area_slug=get_query_var('area');
	$area=get_term_by('slug',$area_slug,'area');
	if (empty($area_slug)) {
    echo '$var1の中は空です。';
}
else {
    echo '$var1の中は空ではありません。';
}
 
// if (empty($var2)) {
//     echo '$var2の中は空です。';
// }
// else {
//     echo '$var2の中は空ではありません。';
// }
?>
	</div>
	
	<script>
		jQuery(function() {
// 			var value2=jQuery('.pageTitle').text();
// 			console.log(value2);
         var value4=jQuery('.main2-hantei').text();
			var value5=(value4.trim());
			console.log(value5);
			if (value5 == '$var1の中は空です。') {
					
					console.log('地域は空です');
				jQuery('.container2').addClass('dis-none');
					
				}else{
					console.log('違うよ！');
				}
			
  
});



	
	</script>
	
	<section class="sec2">
		<div class="container2">
			<div class="sec_header">
				<h2 class="title title-jp area-title"><span class="gyousyu_Category_a">地域：</span><br><span class="gyousyu_Category_q"><?php echo $area->name; ?></span></h2>
				<span class="title title-en"><?php echo strtoupper($area->slug); ?></span>
				
			</div>
			<div class="row justify-content-center">
				<?php if(have_posts()): ?>
				<?php while(have_posts()):the_post(); ?>

				<div class="col-md-\3">
					<?php get_template_part('loop','member'); ?>
					
				</div>

				<?php endwhile; else: ?>
					<p>記事がありません。</p>
				<?php endif; ?>
				
			</div>
		</div>
	</section>
</main>
	</div>
</div>
<script>
	jQuery(function() {
// 			var value2=jQuery('.pageTitle').text();
// 			console.log(value2);
         var gyousyu_title=jQuery('.gyousyu-title').text();
			
			console.log(gyousyu_title);
		jQuery('.gyousyu_hyouji_title_span').text(gyousyu_title);
		
		var area_title=jQuery('.area-title').text();
			
			console.log(area_title);
		jQuery('.area_hyouji_title_span').text(area_title);
			
			
  
});

</script>

<?php get_footer(); ?>