$('.product-title-edit').html(this.offers[this.offerNum]['NAME']); 

Подстановка заголовка торгового предложения в название товара - Битрикс

<p> За отображение карточки товара отвечает компонент catalog.element. Идём в шаблоны данного компонента. Они могут располагаться в папке /local/templates/ВашШаблонСайта/components/bitrix/catalog.element или по стандартной схеме в папке bitrix/templates/ВашШаблонСайта/components/bitrix/catalog.element  ищем выбранный Вами шаблон (по умолчанию .default) и готовимся его редактировать. </p> <p> Открываем файл templates.php — это основной файл шаблона компонента. В данном файле ищем вывод заголовка товара. При поиске заголовка удобно пользоваться «Инструментами разработчика» горячая клавиша в хроме ctrl+shist+i. </p> <p> В моём случае это была строка </p> <pre><code class="language-php language-html"> <h1 class="product-detail-title product-title-edit"><?=$name?></h1> </code></pre> <p> Для удобного обращения к данному заголовку я добавил класс «product-title-edit». </p> <p> Теперь зная, что bitrix при смене торгового предложения умеет менять свойства и цену ищем место где он это делает. А делает это он в файле script.js в этом же шаблоне. </p> <p> В данном файле есть метод changeInfo найдите его. В данном методе как раз и происходит изменение информации в шаблоне. Давайте в самый низ данного метода (строка 1730) добавим 1 строку. </p> <pre><code class="language-php language-html"> $('.product-title-edit').html(this.offers[this.offerNum]['NAME']); </code></pre> <p> В свойстве this.offers лежит массив всех торговых предложений. А в this.offerNum лежит порядковый номер (ключ) текущего (выбранного) торгового предложения. Таким образом когда скрипт будет обновлять информацию при переключении торгового предложения сменится и заголовок товара. </p>