Pop-up codeigniter

Pop-up codeigniter

hello . I need help . I inserted the script. but it does not work correctly. help me please .
 which container or block I click it's opening just the same thing but it should open the element that was clicked 

http://digi.besm.co.uk/

  1.  $(document).ready(function () {
        $("button").click(function () {
            $(".pop").fadeIn(300);
            positionPopup();
        });

        $(".pop > span, .pop").click(function () {
            $(".pop").fadeOut(300);
        });
    });

  1. <div class="first-con">
  2. <!-- Content wrapper Start -->
  3.                 <div id="LatestThemeDiv">
  4.                     <?php foreach($productdetails as $soloProd) {
  5. $stock=1;
  6.                     if($soloProd['prod_quantity']!=""){
  7.                     if($soloProd['prod_free']==0){
  8.                       $sellcount= $this->DatabaseModel->aggregate_data('ts_purchaserecord' ,'purrec_id' , 'COUNT',array('purrec_prodid'=>$soloProd['prod_id']));
  9.                     $checkstock=$soloProd['prod_quantity']-$sellcount;
  10.                     }
  11.                     if($soloProd['prod_free']==1){
  12. $download_count= $this->DatabaseModel->aggregate_data('ts_downloadtbl' ,'download_id', 'COUNT',array('download_pid'=>$soloProd['prod_id']));
  13.                     $checkstock=$soloProd['prod_quantity']-$download_count;
  14.                    
  15.                     }
  16.                     if($checkstock==0 || $checkstock < 0){$stock=0;}
  17.                     }
  18.                     if ($stock!=1){ continue; }
  19.                         $prodName = $this->ts_functions->getProductName($soloProd['prod_id']);
  20.                        
  21.         if( $soloProd['prod_image'] != '' ) {
  22. $image_a = explode('.',$soloProd['prod_image']);
  23. $dis_img = 'small/'.$image_a[0].'_thumb.'.$image_a[1];
  24. $img_style = '';
  25. }
  26. else {
  27. $dis_img = '';
  28. $img_style = 'style="width:100%;height:100%;"';
  29. }
  30.                     ?>
  31.                    <div class="masonry">
  32.                         <div class="ts_theme_boxes">
  33.                         <button class="reg">
  34.                             <div class="ts_theme_boxes_img">
  35.                               <a href="#"> <img src="<?php echo $dis_img != '' ? $basepath.'repo/images/'.$dis_img : $basepath.'adminassets/images/white_image.jpeg' ; ?>" title="<?php echo $soloProd['prod_name'];?>" <?php echo $img_style; ?> > 
  36.                             </div></a>
  37.                             </button> 
  38.                        
  39.                             <div class="ts_theme_boxes_info">
  40.                                 <div class="ts_theme_details">
  41.                                     <h4><?php echo $soloProd['prod_name'];?></h4>
  42.                                     <?php
  43.                                         $catename = strtolower($soloProd['cate_urlname']);
  44.                                         $catename = str_replace(' ','-',$catename);
  45.                                         $catename = preg_replace('!-+!', '-', $catename);

  46.                                         $vendorName = $this->ts_functions->getVendorName($soloProd['prod_uid']);
  47.                                     ?>

  48.                                     <p> <a href="<?php echo $basepath;?>vendor/<?php echo $vendorName;?>"><i class="fa fa-user" aria-hidden="true"></i> <?php echo ucfirst($vendorName);?></a> <a href="<?php echo $basepath;?>home/products/<?php echo $catename;?>"><i class="fa fa-tag" aria-hidden="true"></i> <?php echo strtoupper($soloProd['cate_name']);?></a></p>
  49.                                 </div>
  50.                                 <div class="ts_theme_price">

  51.                                 <?php if( $soloProd['prod_free'] == '0') {
  52.                                 /*** buy now section ***/
  53.                                     if( $this->ts_functions->getsettings('portal','revenuemodel') == 'subscription' ) { ?>
  54.                                         <a href="<?php echo $basepath;?>shop/checkmembership/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"><?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?></a>
  55.                                     <?php } else { ?>

  56.                                         <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_price"><?php echo $this->ts_functions->getsettings('portalcurreny','symbol');?> <?php echo $soloProd['prod_price'];?></a>

  57.                                       <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn2"> <?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?> </a>
  58.                                     <?php }
  59.                                 } else {
  60.                                     // Free
  61.                                 ?>
  62.                                     <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"> <?php echo $this->ts_functions->getlanguage('freetext','commontext','solo');?> </a>
  63.                                 <?php } ?>

  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                     <?php } ?>
  69.                 </div>
  70. <?php } ?>
  71. </div>
  72. </div>
  73. </div>


  74. <div class="pop" style="display: block;/*! display: none; */position: fixed;top: 10.3%;left: 48.3%;width: 11%;height: 63%;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;">
  75.   <span>✖</span>
  76.   <div class="masonry">
  77.                         <div class="ts_theme_boxes">
  78.                         <button class="reg">
  79.                             <div class="ts_theme_boxes_img">
  80.                               <a href="#"> <img src="<?php echo $dis_img != '' ? $basepath.'repo/images/'.$dis_img : $basepath.'adminassets/images/white_image.jpeg' ; ?>" title="<?php echo $soloProd['prod_name'];?>" <?php echo $img_style; ?> > 
  81.                             </div></a>
  82.                             </button> 
  83.                             <!--<span><?php echo $soloProd['cate_name'];?></span>-->
  84.                             <div class="ts_theme_boxes_info">
  85.                                 <div class="ts_theme_details">
  86.                                     <h4><?php echo $soloProd['prod_name'];?></h4>
  87.                                     <?php
  88.                                         $catename = strtolower($soloProd['cate_urlname']);
  89.                                         $catename = str_replace(' ','-',$catename);
  90.                                         $catename = preg_replace('!-+!', '-', $catename);

  91.                                         $vendorName = $this->ts_functions->getVendorName($soloProd['prod_uid']);
  92.                                     ?>

  93.                                     <p> <a href="<?php echo $basepath;?>vendor/<?php echo $vendorName;?>"><i class="fa fa-user" aria-hidden="true"></i> <?php echo ucfirst($vendorName);?></a> <a href="<?php echo $basepath;?>home/products/<?php echo $catename;?>"><i class="fa fa-tag" aria-hidden="true"></i> <?php echo strtoupper($soloProd['cate_name']);?></a></p>
  94.                                 </div>
  95.                                 <div class="ts_theme_price">

  96.                                 <?php if( $soloProd['prod_free'] == '0') {
  97.                                 /*** buy now section ***/
  98.                                     if( $this->ts_functions->getsettings('portal','revenuemodel') == 'subscription' ) { ?>
  99.                                         <a href="<?php echo $basepath;?>shop/checkmembership/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"><?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?></a>
  100.                                     <?php } else { ?>

  101.                                         <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_price"><?php echo $this->ts_functions->getsettings('portalcurreny','symbol');?> <?php echo $soloProd['prod_price'];?></a>

  102.                                       <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn2"> <?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?> </a>
  103.                                     <?php }
  104.                                 } else {
  105.                                     // Free
  106.                                 ?>
  107.                                     <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"> <?php echo $this->ts_functions->getlanguage('freetext','commontext','solo');?> </a>
  108.                                 <?php } ?>

  109.                                 </div>
  110. </div>

  111. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ts_toppadder30">
  112. <div class="ts_loadmore_btn">
  113. <a href="<?php echo $basepath;?>home/products" class="ts_btn"><?php echo $this->ts_functions->getlanguage('viewmoretext','commontext','solo');?></a>
  114. </div>
  115. </div>
  116. </div>
  117. <!-- Content wrapper End -->
  118. <?php if(!empty($testi_details)) { ?>
  119. <!-- Client say wrapper Start -->
  120. <div class="ts_client_say_wrapper ts_bottompadder50">
  121. <div class="container" >
  122. <div class="row">
  123. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  124. <div class="ts_heading ts_toppadder50 ts_bottompadder50">
  125. <h3><?php echo $this->ts_functions->getlanguage('ourclientsaystext','homepage','solo');?></h3>
  126. <p><?php echo $this->ts_functions->getlanguage('ourclientssubtext','homepage','solo');?></p>
  127. </div>
  128. </div>

  129. <?php
  130.     if( count($testi_details) > 1 ) {
  131. ?>
  132. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  133. <div class="ts_client_say_slider">
  134. <div id="owl-demo" class="owl-carousel owl-theme">
  135. <?php  foreach($testi_details as $solotesti) {
  136. ?>
  137. <div class="item">
  138. <div class="ts_testimonial_data">
  139. <p><?php echo $solotesti['testi_msg'];?></p>
  140. <?php if( $solotesti['testi_image'] != '' ) { ?>
  141. <img src="<?php echo $basepath;?>webimage/<?php echo $solotesti['testi_image'];?>" alt="<?php echo $solotesti['testi_name'];?>">
  142. <?php } else { ?>
  143. <img src="<?php echo $basepath;?>webimage/dummy_testi.jpg" alt="<?php echo $solotesti['testi_name'];?>">
  144. <?php } ?>
  145. <h5><?php echo $solotesti['testi_name'];?></h5>
  146. <?php if($solotesti['testi_showdesig'] == '1') { ?>
  147. <span><?php echo $solotesti['testi_desig'];?></span>
  148. <?php } ?>
  149. </div>
  150. </div>

  151. <?php } ?>
  152. </div>
  153. </div>
  154. </div>
  155. <?php } else { ?>
  156. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  157. <div class="ts_client_say_slider">
  158.     <div class="ts_testimonial_data">
  159.                         <p><?php echo $testi_details[0]['testi_msg'];?></p>
  160.                         <img src="<?php echo $basepath;?>webimage/<?php echo $testi_details[0]['testi_image'];?>" alt="<?php echo $testi_details[0]['testi_name'];?>">
  161.                         <h5><?php echo $testi_details[0]['testi_name'];?></h5>
  162.                         <?php if($testi_details[0]['testi_showdesig'] == '1') { ?>
  163.                         <span><?php echo $testi_details[0]['testi_desig'];?></span>
  164.                         <?php } ?>
  165.                     </div>
  166. </div>
  167. </div>
  168. <?php } ?>

  169. </div>
  170. </div>
  171. </div>