Вот код кнопки
<a href="#" class="button yith-wcqv-button" data-product_id="389">Quick View</a>
А вот сам скрипт плагина
/**
* frontend.js
*
* @author Your Inspiration Themes
* @package YITH WooCommerce Quick View
* @version 1.0.0
*/
jQuery(document).ready(function($){
"use strict";
var buttons = '',
qv_modal = '',
qv_content = '',
qv_close = '',
qv_nav = '',
products_ids = [],
center_modal = function() {
var t = $(document).find( '.yith-quick-view .yith-wcqv-wrapper' ),
window_w = $(window).width(),
window_h = $(window).height(),
width = ( ( window_w - 60 ) > yith_qv.popup_size_width ) ? yith_qv.popup_size_width : ( window_w - 60 ),
height = ( ( window_h - 120 ) > yith_qv.popup_size_height ) ? yith_qv.popup_size_height : ( window_h - 120 );
t.css({
'left' : (( window_w/2 ) - ( width/2 )),
'top' : (( window_h/2 ) - ( height/2 )),
'width' : width + 'px',
'height' : height + 'px'
});
};
if( typeof yith_qv === 'undefined' ) {
return;
}
/*==================
* INIT PLUGIN
==================*/
$.fn.yith_wcqv_init = function() {
buttons = $(document).find( '.yith-wcqv-button' );
qv_modal = yith_qv.type != 'yith-inline' ? $(document).find( '.yith-quick-view' ) : $(document).find( '.yith-quick-view' ).clone();
qv_content = qv_modal.find( '.yith-quick-view-content' );
qv_close = qv_modal.find( '.yith-quick-view-close' );
qv_nav = qv_modal.find( '.yith-quick-view-nav' );
// build products id array
$.each( buttons, function(){
var product_id = $(this).data('product_id');
if( $.inArray( product_id, products_ids ) == -1 ) {
products_ids.push( product_id );
}
} );
// nav event
if( qv_nav.length ) {
nav_ajax_call(qv_nav);
}
// close event
close_modal_qv( qv_close );
// responsive
if( yith_qv.type != 'yith-inline' ) {
center_modal();
$( window ).on( 'resize', center_modal );
}
// off old event ( prevent multiple open )
buttons.off( 'click' );
// calculate position
if( buttons.hasClass( 'inside-thumb' ) ) {
imagesLoaded( qv_content, function(){
button_position( buttons );
});
}
$(document).on( 'click', '.yith-wcqv-button', function(e){
var t = $(this),
data_type = t.data('type'),
product_id = t.data( 'product_id' );
if( ! product_id ) {
return;
}
e.preventDefault();
if( ! yith_qv.enable_loading ) {
qv_loader( t );
}
// if is inline move modal
if ( yith_qv.type == 'yith-inline' ) {
var elem = t.parents( yith_qv.main_product ),
last_elem = ( elem.hasClass( 'last' ) ) ? elem : elem.nextUntil( '.first', '.last' );
if( ! last_elem.length ){
last_elem = t.closest( '.products' ).find( yith_qv.main_product ).last();
}
if( last_elem.next( '.yith-quick-view' ).length ) {
// if in same row of li call qv_loader
qv_loader( qv_content );
}
else if ( qv_modal.hasClass('open') ) {
// if in another row close it and move
qv_modal.removeClass('open').removeClass('loading');
qv_modal.slideUp( 'slow', function(){
last_elem.after( qv_modal );
// ajax call
ajax_call( t, product_id );
});
return;
}
else {
// and move it
last_elem.after( qv_modal );
}
}
else {
// add loading effect
$(document).trigger( 'qv_loading' );
}
ajax_call( t, product_id );
});
};
/*=====================
* MAIN BUTTON POSITION
=======================*/
var button_position = function( buttons ){
var img_height = $(document).find( 'img.attachment-shop_catalog' ).height(),
trigger_h = buttons.height();
// add position
buttons.css({
'top' : ( img_height - trigger_h ) / 2 + 'px'
Средний