ЛС

В файле footer.php (лучше конечно создать отдельный файл и get_template_part() в footer.php)
https://wp-kama.ru/function/get_posts

// параметры по умолчанию
$args = array(
	'numberposts' => 5,
	'category'    => 0,
	'orderby'     => 'date',
	'order'       => 'DESC',
	'include'     => array(),
	'exclude'     => array(),
	'meta_key'    => '',
	'meta_value'  =>'',
	'post_type'   => 'post',
	'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
);

$posts = get_posts( $args );

foreach($posts as $post){ setup_postdata($post);
echo 'Произвольный текст';   
echo get_the_title($post-ID);
}

wp_reset_postdata(); // сброс

Если я правильно понял то это нужно сделать на странице товара при выборе всех атрибутов вариаций, тогда выбранную вариацию можно получить так:

$( '.variations_form' ).each( function() {
       $(this).on( 'found_variation', function( event, variation ) {
            console.log(variation);
        });
});

found_variation срабатывает когда выбраны все нужные атрибуты, после этого из переменной variation можно взять нужные данные и записать в ссылку. Но в объекте variation не хранятся названия товара и названия атрибутов, а только id вариации и слаги атрибутов, поэтому как вариант можно скриптом брать название товара откуда то со страницы и добавлять ему значение выбранных селектов с атрибутами и потом уже это использовать как вам нужно.

Для этого достаточно добавить в файл functions.php вашей темы:

/* Open Products in New Tab Woocommerce-DevelopingSense */
remove_action( 'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 );
// add a hook to my custom function
add_action ( 'woocommerce_before_shop_loop_item', 'ami_function_open_new_tab', 10 );
function ami_function_open_new_tab() {
echo '<a target="_blank" href="' . get_the_permalink() . '" class="woocommerce-LoopProduct-link">';
}

Источник: https://www.developingsense.com/blog/open-woocomme...

Если открыть оный файл (woocommerce\templates\loop\orderby.php) то там "по русски" написано

This template can be overridden by copying it to yourtheme/woocommerce/loop/orderby.php.

что означает, что этот файл можно переопределить простым копированием в свою тему с соблюдением иерархии каталогов.
Ну а дальше Клаву Вам в руки и творите что хотите.

ps/ рекомендую прочитать ВСЕ что там написано. Я процитировал только часть.

По css разметке у тебя идет вложенность картинка лежит в мете и вот при наведении на мету, делай имейдж прозрачным.

Сделай

a:hover img.thumbnail {
opacity: .3;
transition: .3s;
}

Вам понадобится класс WP_Query(), который позволяет создавать дополнительные циклы с нужными вам параметрами. Сделаю допущение, что acf-поле с информацией о округе назывыается okrug.

Пример вывода всех страниц в ЗАО:

<?php 
// Задаем параметры цикла:
$args = array(
	'numberposts'	=> -1,
	'post_type'		=> 'page',
	'meta_key'		=> 'okrug',
	'meta_value'	=> 'ЗАО'
);

// С помощью WP_Query создаем переменную, содержащую все страницы со значением ЗАО в поле округ
$the_query = new WP_Query( $args );

?>

<?php if( $the_query->have_posts() ): ?>
	<ul>
	<?php while( $the_query->have_posts() ) : $the_query->the_post(); ?>
		<li>
			<a href="<?php the_permalink(); ?>">
				<img src="<?php echo get_the_post_thumbnail_url(); ?>" />
				<?php the_title(); ?>
			</a>
		</li>
	<?php endwhile; ?>
	</ul>
<?php endif; ?>

<?php wp_reset_query();	 // Возвращаем в норму все глобальные переменные ?>