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>