+7 982 100 5 999

Модальное окно (попап) для товара в карточке Jquery

Jquery

//модалка в карточке товара
(function(){
    $(document).ready(function(){
        $('.product--inner').on('click', function(){
            $('.product--inner').removeClass('product--inner--active');
            $(this).addClass('product--inner--active');
        });
    });
})();
function PopUpShowProdcart(){
    $(".product--inner--active .modal-prodcart").fadeIn(230);
}
function PopUpHideProdcart(){
    $(".product--inner--active .modal-prodcart").fadeOut(230);
}

(function(){
    $(document).ready(function() {
        $('[class="form-prod"]').attr('id', function(i) {
            return 'form-prod' + (i + 1);
        });
    });
})();
//модалка в карточке товара

HTML

<div class="product--inner">
    <div class="miniature">
        <?php the_post_thumbnail('medium_large'); ?>
        <div class="btn-block--miniature">
            <a class="search" href="<?php the_permalink(); ?>"></a>
            <a class="btn" href="javascript:PopUpShowProdcart2()">Узнать цену</a>
            <a class="btn" href="javascript:PopUpShowProdcart()">Заказать</a>
        </div>
    </div>
    <div class="text">
        <div class="title"><h2><?php the_title(); ?></h2></div>
        <span class="kod">Код: <?php the_field('код'); ?></span>
        <?php if( get_field('в_наличии') ) { ?>
            <span class="nal">В наличии</span>
        <?php } else { ?>
            <span class="nal zacaz">На заказ</span>
        <?php } ?>
        <span class="opt"><?php the_field('оптом_и_в_розницу'); ?></span>
        <div class="price"><?php the_field('цена'); ?><span>  ₸</span></div>
    </div>

    <div class="modal-el1t_boby modal-prodcart">
        <div class="modal-el1t_boby-content">
            <div class="modal-el1t">
                <div class="modal-el1t_container">
                    <a class="close--modal-el1t" href="javascript:PopUpHideProdcart()"></a>
                    <form class="form-prod">
                        <div class="title-block">Хочу заказать</div>
                        <div class="descr"><?php the_title(); ?></div>
                        <input type="text" name="name" placeholder="Имя" required>
                        <input type="text" name="phone" placeholder="+7 (- - -) - - -  - -  - -" required>
                        <button class="btn">Отправить</button>
                        <input type="hidden" name="formData" value="Хотят заказать <?php the_title(); ?>, с сайта <?php echo get_home_url(); ?>">
                    </form>
                </div>
            </div>
            <a class="close-el1t_boby" href="javascript:PopUpHideProdcart()"></a>
        </div>
    </div>
</div>