Добавление ссылки для загрузки в галерею всплывающих изображений для увеличения

Я хотел бы добавить ссылку для загрузки или источник изображения рядом с моим заголовком после того, как пользователь нажимает на миниатюру?

до сих пор мне удалось заставить всплывающее окно работать, однако я не могу создать загрузку, как для моего изображения.

приведенный ниже код - это то, что у меня есть.

<div class = "product-thumb">
  <a href = "images/product-image7.jpg" class = "image-popup" title = "screenprinting">
    <img src = "images/product-image7.jpg" class = "img-responsive" alt = "">
    <div class = "product-info">
      <div class = "product-item">
        <h3>PRODUCT1</h3>
        <p>Size / Size / Size</p>
      </div>
      <div class = "product-price">
        <span>P50</span>
      </div> 
    </div>
  </a>
</div>