Как сделать свою модалку для каждого товара?

Question

[kimqar]

У меня есть каталог товаров и под каждым товаром кнопка "купить", по нажатии на которую открывается модалка. Как сделать так, чтобы при нажатии по любому товару, вызывалась модалка в которой будет название выбранного товара + форма? cms - ModX

Answer 1

[Валера Карманов]

Не юзал CMS MODX, так что не подскажу как это сделать там, но решается это на jQuery.
Заготовь заранее готовый код модальки и элемент который будет содержать название товара оставь пустым. Перед выводом модальки ищи элемент на странице который содержит название товара и скопируй его в элемент модальки, и только потом ее показывай.
Так же если модалька закрывается, то можно очистить элемент содержащий название товара

Comments

[kimqar]

Но если человек заполнит форму на одном товаре, а потом откроет форму другого товара, то форма уже будет отправлена, а мне нужно чтобы для каждого товара была своя модалка

[Валера Карманов]

kimqar, отправляйте форму ajax-ом, и после успеха, очищайте форму...

[kimqar]

Валера Карманов, понял, попробую, спасибо

Answer 2

[Alex]

Через data- в ссылке, например

<a href="#modal" data-product="[[+pagetitle]]"></a>

затем в js отлавливать событие нажатие кнопки показа модалки, брать с нее data-product и вставлять в нужный элемент этот текст. Ну либо через ajax, можно в модалку грузить все поля ресурса.