Как персонализировать заголовок в модальном окне?

Question

[Даниил]

Здравствуйте. Сайт на WordPress, в котором 25 услуг. Имеется модальное окно, форма отправки работает через ajax. Письма уходят. Имеются 3 слайдера, в каждом список услуг (фотка, описание и кнопка). Кнопка сделана обычным div'ом. Слайдер располагается и на главной странице и на странице услуги. Так же имеется ACF (c полем repeater).
Как сделать, чтоб при клике на кнопку модальное окно открывалось с заголовком этой услуги?

Answer 1

[Дима Долготер]

на jquery накидай

$(document).on("click", "селектор кнопки",function(){
let card_heading=$(this).parent("селектор карточки").find("селектор заголовка").text()
$("cелектор заголовка в модалке").text(card_heading)
})

Comments

[Даниил]

гениально!) спасибо, помогло))) Подскажите, а если заголовок услуги не совсем бьёт с тем, что должно быть в заголовке модального окна, есть способ это победить? Я сделал дописку в вашем коде:

$("cелектор заголовка в модалке").html('Оформить заявку на услугу ' + '<br>' + card_heading);

А потом вспомнил, что записи не везде одиннаковые((( На фото к примеру "услуги разнорабочих"

фото

фото2

[Дима Долготер]

можно в acf добавить поле "заголовок для модалки" и выводить его в карточке в поле

<input type="hidden" value="вот тут вывод поля с названием для заголовка" class="heading_for_modal">

тогда скрипт будет таким

$(document).on("click", "селектор кнопки",function(){
let card_heading=$(this).parent("селектор карточки").find(".heading_for_modal").val()
$("cелектор заголовка в модалке").text(card_heading)
})

[Даниил]

У меня блоки с товарами в слайдере через цикл выводятся(
Я не могу каждому блоку в слайдере присвоить уникальный вывод заголовка(