When clicking on the picture of the product was added to the cart, how to do it?

Question

PHP

Help me make it so that when you click on the picture, the product is added to the cart
Here is a piece of code here it is so when you click on the picture, go to the page with the product

<div class="row category-layout">
  <?php foreach ($categories as $category) { ?>
  <div class="col-md-2">
    <div class="category-thumb transition">
      <div class="image"><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>" title="<?php echo $category['name']; ?>" class="img-responsive" /></a></div>
      <div class="caption">
        <h4 class="text"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></h4>
      </div>
    </div>
  </div>
  <?php } ?>
  
</div>

Answer 1

I don’t understand, where does the piece of code with the output of categories come from :) You can do it as in Sergey’s comment above, or by hanging a handler on the click event.

Answer 2

I did everything myself)