最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

woocommerce offtopic - Variations Javascript not working when product display on Quick view via ajax

programmeradmin0浏览0评论

Variation is not working during Quick view . I made quick view my self . I got all content perfectly. But Variation does not work properly.

script.js

<script>
//Quick View Ajax
jQuery(document).ready(function ($) {
    jQuery('.quickviewButton<?php echo $product->id; ?>').click(function(){
        jQuery('.quickviewButton<?php echo $product->id; ?> i').removeClass('fa-eye');
        jQuery('.quickviewButton<?php echo $product->id; ?> i').addClass('fa-spinner fa-pulse');
        var pid = jQuery(this).attr('data-id');

        jQuery.ajax({
            type: "GET",
            url: pw_script_vars.ajax_url,
            data: {
                pid : pid,
            },
            success: function(data){
                loadVariationScript();
                jQuery.magnificPopup.open({
                    preloader: true,
                    overflowY: 'scroll',
                    items: {
                            src: '<div class="product-quick-view">'+ data + '</div>',
                            type: 'inline'
                        },      // Delay in milliseconds before popup is removed
                    mainClass: 'mfp-fade',
                    });
                jQuery('.quickviewButton<?php echo $product->id; ?> i').removeClass('fa-spinner fa-pulse');
                jQuery('.quickviewButton<?php echo $product->id; ?> i').addClass('fa-eye');
                },
            complete: function(){
                loadVariationScript();
            },
           });
    });
    function loadVariationScript() {
        $.getScript("<?php echo get_site_url();?>/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js");
        $.getScript("<?php echo get_site_url();?>/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.js");
    }
});
发布评论

评论列表(0)

  1. 暂无评论