Всем здравствуйте, я естественно новенькая в js.
Уже как второй день не могу сделать казалось бы простую вещь ))
У меня есть корзина на сайте, подробности товара делаю на всплывающем окне, вывод товаров у меня идет таким образом:
$array = $sql -> select("SELECT * FROM `goods` WHERE `id_user` = '$user[id]' ORDER BY `id` DESC");
foreach ($array AS $post) {
?>
<p class="prod-i-info">
<a href="/wishlist.php?delete=<?=check($post['id'])?>" class="prod-i-favorites"><span>Удалить</span><i class="fa fa-remove"></i></a>
<a href="#" class="qview-btn prod-i-qview"><span>Просмотр</span><i class="fa fa-search"></i></a>
<a class="prod-i-compare" href="/compare.php?id=<?=check($post['id'])?>&add"><span>Сравнить</span><i class="fa fa-bar-chart"></i></a>
</p>
<?
}
При нажатии на кнопку *Просмотр* всплывает окно с информацией о товаре, его я реализовала так:
<?
$array = $sql -> select("SELECT * FROM `user_like` WHERE `id_user` = '$user[id]' ORDER BY `id` DESC");
foreach ($array AS $post) {
$tov = $sql -> fetch('SELECT * FROM `goods` WHERE `id` = ' . $post['id_tovar']);
$c = $sql -> fetch('SELECT * FROM `countries` WHERE `id` = ' . $tov['country']);
?>
<!-- Quick View Product - start -->
<div class="qview-modal">
<div class="prod-wrap">
<a href="product.html">
<h1 class="main-ttl">
<span>Reprehenderit adipisci</span>
</h1>
</a>
<div class="prod-slider-wrap">
<div class="prod-slider">
<ul class="prod-slider-car">
<li>
<a data-fancybox-group="popup-product" class="fancy-img" href="http://placehold.it/500x525">
<img src="http://placehold.it/500x525" alt="">
</a>
</li>
<li>
<a data-fancybox-group="popup-product" class="fancy-img" href="http://placehold.it/500x591">
<img src="http://placehold.it/500x591" alt="">
</a>
</li>
<li>
<a data-fancybox-group="popup-product" class="fancy-img" href="http://placehold.it/500x525">
<img src="http://placehold.it/500x525" alt="">
</a>
</li>
<li>
<a data-fancybox-group="popup-product" class="fancy-img" href="http://placehold.it/500x722">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
<li>
<a data-fancybox-group="popup-product" class="fancy-img" href="http://placehold.it/500x722">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
<li>
<a data-fancybox-group="popup-product" class="fancy-img" href="http://placehold.it/500x722">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
<li>
<a data-fancybox-group="popup-product" class="fancy-img" href="http://placehold.it/500x722">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
</ul>
</div>
<div class="prod-thumbs">
<ul class="prod-thumbs-car">
<li>
<a data-slide-index="0" href="#">
<img src="http://placehold.it/500x525" alt="">
</a>
</li>
<li>
<a data-slide-index="1" href="#">
<img src="http://placehold.it/500x591" alt="">
</a>
</li>
<li>
<a data-slide-index="2" href="#">
<img src="http://placehold.it/500x525" alt="">
</a>
</li>
<li>
<a data-slide-index="3" href="#">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
<li>
<a data-slide-index="4" href="#">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
<li>
<a data-slide-index="5" href="#">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
<li>
<a data-slide-index="6" href="#">
<img src="http://placehold.it/500x722" alt="">
</a>
</li>
</ul>
</div>
</div>
<div class="prod-info">
<p class="prod-price">
<b class="item_current_price"><?=$tov['cena']?></b>
</p>
<p class="prod-qnt">
<input type="text" value="1">
<a href="#" class="prod-plus"><i class="fa fa-angle-up"></i></a>
<a href="#" class="prod-minus"><i class="fa fa-angle-down"></i></a>
</p>
<p class="prod-addwrap">
<a href="#" class="prod-add">Add to cart</a>
</p>
</div>
<ul class="prod-i-props">
<li>
<b>SKU</b> 05464207
</li>
<li>
<b>Manufacturer</b> Mayoral
</li>
<li>
<b>Material</b> Cotton
</li>
<li>
<b>Pattern Type</b> Print
</li>
<li>
<b>Wash</b> Colored
</li>
<li>
<b>Style</b> Cute
</li>
<li>
<b>Color</b> Blue, Red
</li>
<li><a href="#" class="prod-showprops">All Features</a></li>
</ul>
</div>
</div>
</div>
<!-- Quick View Product - end -->
</section>
</main>
<!-- Main Content - end -->
<?
}
?>
все срабатывает но выводит информацию только по первому товару..
я знаю что тут нет js но я думаю именно его и не хватает..
Может кто-то подскажет как это сделать?