Вывод информации к корзине php/js/sql
 

Всем здравствуйте, я естественно новенькая в 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 но я думаю именно его и не хватает..
Может кто-то подскажет как это сделать?