Magnific popup, how to correctly load data via ajax?

Question

JavaScript

There is such a layout:

<a title="Name" class="thumbnail" href="/component/xxx?id=89">
   <img src="/images/file_5_9_485.jpg?0" alt="ALtName">            
  <div class="caption">
             <h2 class="product-name">Name</h2>
             <div class="price-block">
                     <p>Цена: <span class="price">10 р</span></p>
             </div>
             <div class="actions">
                    <button type="button" title="Добавить в корзину" class="btn to_cart">Купить</button>
                    <button type="button" title="Быстрый просмотр" data-href="/component/xxx?id=89" class=" quick-view">Быстрый просмотр</button>
             </div>
   </div>
</a>
... и т.д.

and there is such js

$('.thumbnail').magnificPopup({
        preloader: true,
        type: 'ajax',
        overflowY: 'scroll',
        gallery:{
            enabled:true
        }
    });

Now clicking on .thumbnail opens a magnific popup gallery.
Question:
How can I make the magnific popup gallery open only when button.quick-view is clicked, and when clicking on the .thumbnail link itself, just open the page in the browser?

Answer 1

Why not just change js thumbnail to quick-view?