How to pass the clicked product outside the loop?

Question

PHP

Hello everyone, I have a problem, I have a loop:

<?php foreach ($products as $product) { ?>
    <?php } ?>

in which the products are displayed, outside the loop there is a template for a modal window, how can I transfer the clicked product to this window? something like $this

Answer 1

Clicks are JS. Rendering is PHP. Don't mix them up.
If you really need it, then something like this:

<?php foreach ($products as $product) { ?>
  <div onclick="showPopup('<?php echo json_encode($product) ?>')">Click Me!</div>;
<?php } ?>

Or store somewhere in the product code and pass it to popup by link.

Answer 2

PHP:

<?php foreach($products as $index => $product): ?>
  echo '<div class="product-popup" data-popup="<?=$index?>"><?=$product->description; ?></div>';
<?php endforeach; ?>

js:

<script>
  $(".product").on("click", function(e){
    var div = $(this);
    $("#modal-content").load(div.attr("/products/detail?id=" + div.attr("data-popup")));
    $("#modal-div").modal("show");
  }):
</script>

HTML:

<div id="modal-div" class="modal in" role="dialog">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      </div>
      <div class="modal-body">
        <div id="modal-content"></div>
      </div>
    </div>
  </div>
</div>