Надежда Головина

В данном случае сработал такой вариант от коллег:

<!-- Наименование раздела -->
<? if ($arResult['SECTION_H1']) { ?>
	<p class="product-item-title product-item-title-2"><?=$arResult['SECTION_H1']?></p>
<? } ?>

Верное решение было найдено в ТП компании, которая разработала данный шаблон сайта. Они переписали галерею (заодно убрав дубли изображений, появляющихся при загрузке фото в Подробнее).

Всё таки через Ajax сделала.
Т.к. этот вариант скрывает даже из кода страницы блок из файла. И от индексации в том числе.
1. В шаблон, куда надо поставить нужный блок

<div id="extra"></div>
<script type="text/javascript">
$(function(){
	$.ajax({
		url: "ссылка-на-файл",
		dataType: "json",
		success:function(data){
			$("#extra").html(data.extra);
		}
	});
});
		
</script>

2. В сам файл, который надо вывести

<?php

$html = '
//Дополнительная инфа
//Дополнительная инфа
';

$data['extra'] = $html;
echo json_encode($data);
?>

Нюанс
Кому-то может понадобиться подключить библиотеку jquery в head сайта

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js?ver=5.5.1' id='jquery-js'></script>

Но у меня из-за этого слетели на главной стили. Поэтому я не добавляла эту строчку на сайт.

Поправка. Решение нашлось!
В catalog.section.list и почистить кэш

<? //Блок вывода Доп полей в разделах
$rsResult = CIBlockSection::GetList(array("SORT" => "ASC"), array("IBLOCK_ID" => $arParams["IBLOCK_ID"], "ID" =>$arResult["SECTION"]["ID"]), false, $arSelect = array("UF_TAGI")); 
if($arSection = $rsResult -> GetNext())
    { 
$uftag = $arSection["UF_TAGI"]; 

if($uftag) {
$arFilter = array('IBLOCK_ID' => 27,'ID' => $uftag);
$rsItems = CIBlockSection::GetList(array(),$arFilter);
echo '<div class="catalog-tags">';
while ($arItem = $rsItems->GetNext())
  { 
	  echo '<div class="catalog-tags-item"><a href="'.$arItem['SECTION_PAGE_URL'].'">'.$arItem["NAME"].'</a></div>';	
  }
 echo '</div>';
	}
}
?>

Первый код выводит из Доп. полей (тип - Привязка к разделам инфоблока) выбранные разделы, которые относятся только к одной категории (т.е. не учитывает при этом значения админки, что в другом разделе отмечены другие пункты).
А вот это код

<?
$IBLOCK_ID = 27; // ID нужного инфоблока

//Получаем все возможные поля текущего пользователя
$rsUser = CUser::GetByID($USER->GetID());
$arUser = $rsUser->Fetch();

//Выводим если множественное
foreach ($arUser['UF_TAGI'] as $propertyUf):
    echo $propertyUf;
endforeach;

//Создаем массив фильтра
$arFilter = array('IBLOCK_ID' => $IBLOCK_ID, 'ACTIVE' => 'Y');

//Добавляем наш массив в котором перечислены ID разделов выбранные пользователем
$sect_id = $fofilter;

//Создаем массив фильтра. В конце переменная фильтра
$arFilter = array('IBLOCK_ID' => $IBLOCK_ID, 'ACTIVE' => 'Y', 'ID' => $sect_id);

//Создаем массив выводимых полей
$arSelect = array('ID', 'NAME');

//Применяем метод с фильтром и полями
$rsSection = CIBlockSection::GetTreeList($arFilter, $arSelect);

//Выводим названия разделов
while ($arSection = $rsSection->Fetch()) {
    echo $arSection['NAME'];
}

foreach ($arUser['UF_TAGI'] as $propertyUf):
    $sectionsUser .= '\'' . $propertyUf . '\',';
endforeach;

eval('$fofilter=array(' . $sectionsUser . ');');
extract($fofilter);

?>

выводит всё подряд.

Нашла решение

<p><?echo $arResult["SECTION"]["PATH"][0]["NAME"]?></p>

Сама задала - Сама ответила.
В админ части (с публичной стороны этого не видно)
Каталог – Проект – Настройка формы редактирования

В моем случае делается так:

1. Создается Левое меню нужного Каталога с нужными разделами.
   
2. Автоматически оно становится Выпадающем для Верхнего меню.
   

В моем случае Верхнее меню динамичное, а Левое - статичное.
Замечу, что покупалось готовое решение (сайт) от партнеров-разработчиков 1С-Битрикс, поэтому есть свои нюансы.

Изобрела свой велосипед) Вот результат:


Адаптив через @ media:

@media screen and (max-width: 800px) {
	table.kartochka td {display: block;}
	table.kartochka td::before {
		content: attr(data-label);
		float: left;
		font-size: 17px;
		margin-top: 2px;
		margin-right: 20px;
	}
	table.kartochka td.align::before, table.kartochka td.align-old::before {
		font-size: 27px;
		font-weight: 300;
	}
	table.kartochka td.align::before {
		color: #87b523;
	}
	.btn {font-size: 16px !important;}
	.name-baza, .name-on_photo, .span-price, .span-old_price {
		/*float: left;*/
	}
	.good .right .btn {
	padding-left: 0;
	padding-right: 0;
	}
	table.kartochka .colspan {
		display: none;
  	}
}