Как сделать одно модальное окно на все товары?

Question

[LastGeneral]

Помогите разобраться, есть блок с кучей товаров и на каждом кнопка заказать, по нажатию на которую, всплывает моральное окно, с формой, как сделать 1 такую всплывашку для всех, а то вставлять в каждый код, с мадальным окном совсем не вариант

Answer 1

[Yan Markov]

Верстаешь модалку с контейнером, на кнопки "заказать" вешаешь аякс запросы, которые будут получать данные по товару, где нажата кнопка и вставлять в модалку. Осталось только вызвать модалку в success.

Comments

[LastGeneral]

А есть примеры, или что то типо такого?

[Yan Markov]

LastGeneral,

JQuery

$('body').on('click', 'button[data-ajax]', e => {
        e.preventDefault();
        let $this = $(e.currentTarget);
        let $data = // тут собираете данные о товаре: заголовок свистните или что вам нужно
        $.ajax({
            data: $data
            success: resp => {
                $('body').addClass('modal-open');
                $container = $('.modal');
                // тут ищите тэг в контейнере который надо изменять и меняете на свои данные
            },
        });
    });

Кнопка HTML

<button data-ajax>Заказать</button>