Как подтянуть название товара в Contact Form 7 из категории товаров Woocommerce?

Question

[NikiWeb]

При нажатии "Заказать" открывается форма popup press к которой привязана CF7 мне необходимо чтобы подтягивалось название товара над которым расположена эта кнопка.

Как это можно реализовать? Помогите пожалуйста.
Ссылка на сайт: http://tort-el.ru/product-category/popular/на-день...

Comments

[Dymok]

На JS обрабатывать клик на кнопку, получать необходимое значение из карточки, на кнопку которой кликнули и подставлять куда нужно в форму. На jQuery в 3 строки делается

[NikiWeb]

Dymok, я понимаю, что тут нюанс можно решить на JS, но мои варианты вообще не подходили, может Вы сможете написать Ваш способ? Вы мне очень сильно поможете.

[NikiWeb]

Dymok, мне не разобраться еще из-за того, что кнопка привязана к плагину popuppress

[NikiWeb]

Dymok, я попробовал написать так

document.getElementsByClassName('zakaz').onclick = function()
{
titleService=$(this).attr('data-title-service');
$(.hide-title).val(title-service);
console.log(titleService);
});

[Dymok]

NikiWeb, по клику на кнопку с помощью .closest() или .siblings() находим элемент с названием товара, на кнопку которого нажали, затем присваиваем название товара скрытому инпуту формы по айдишнику или куда-нибудь ещё, по ситуации

[NikiWeb]

Dymok,

document.getElementsByClassName('zakaz').onclick = (function()
{
titleService=$(this).closest('h3');
console.log(titleService);
});

Пытаюсь вывести название хотя бы в консоль- не выводится. Что я не так делаю?

[Dymok]

NikiWeb,

$('.cart .zakaz').on('click', function() {
var productValue = $(this).siblings('input').val();
console.log(productValue);
});

Answer 1

[NikiWeb]

Вопрос решен
Присвоил к кнопке атрибут с титульным названием товара и вывел через функцию

$('.zakaz').click(function()
{
titleService=$(this).attr('data-title-service');
$('.hide-title').val(titleService);
});

Далее в настройках контактной формы вывел шорткод
[hidden title-service class:hide-title id:title-service]
И все получилось