微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

快速查看 - 不工作!未捕获的类型错误:Shopify.getProduct 不是函数 - Shopify

如何解决快速查看 - 不工作!未捕获的类型错误:Shopify.getProduct 不是函数 - Shopify

我正在尝试使用 Shopify 主题在我的产品页面中创建一个快速查看功能,但是当我单击快速查看链接时,我发现了这个错误:(在 chrome 调试器上)

未捕获的类型错误:Shopify.getProduct 不是函数

点击演示链接HERE

ERROR

我的快速浏览的超链接代码

<a href="javascript:void(0)" id="{{ product.handle }}" class="quick-view-text">                      
            <p>quickview</p>
          </a> 

用于快速查看的 javascript 代码

initQuickView: function() {
            e(".quick-view-text").click(function() {
              e('.quick-view').addClass('open-in');  
                var product = e(this).attr("id");
                Shopify.getProduct(product,function(product) {
                    var r = e("#quickview-template").html();
                    e(".quick-view").html(r);
                    var i = e(".quick-view");
                    var s = product.description.replace(/(<([^>]+)>)/ig,"");
                    s = s.split(" ").splice(0,40).join(" ") + "...";
                    i.find(".product-title a").text(product.title);
                    i.find(".product-title a").attr("href",product.url);                  
                  if (i.find('.product-inventory span').length > 0) {
                      var variant = product.variants[0];
                      var inventoryInfo = i.find('.product-inventory span');                      
                      if (variant.available) {
                       if (variant.inventory_management != null) {
                          inventoryInfo.text(window.in_stock);
                        } else {
                          inventoryInfo.text(window.many_in_stock);
                        }
                      } else {
                        inventoryInfo.text(window.out_of_stock);
                      }
                    }
                  
                    i.find(".product-description").text(s);
                    i.find(".price").html(Shopify.formatMoney(product.price,window.money_format));
                    i.find(".product-item").attr("id","product-" + product.id);
                    i.find(".variants").attr("id","product-actions-" + product.id);
                    i.find(".variants select").attr("id","product-select-" + product.id);
                    if (product.compare_at_price > product.price) {
                        i.find(".compare-price").html(Shopify.formatMoney(product.compare_at_price_max,window.money_format)).show();
                        i.find(".price").addClass("on-sale")
                    } else {
                        i.find(".compare-price").html("");
                        i.find(".price").removeClass("on-sale")
                    }
                    if (!product.available) {
                        i.find("select,input,.total-price,.dec,.inc,.variants label").remove();
                        i.find(".add-to-cart-btn").text("Unavailable").addClass("disabled").attr("disabled","disabled");                        
                    } else {
                        i.find(".total-price .price").html(Shopify.formatMoney(product.price,window.money_format));                        
                        t.createQuickViewVariants(product,i)
                        
                    }
                    i.find(".button").on("click",function() {
                        var n = i.find(".quantity").val(),r = 1;
                        if (e(this).text() == "+") {
                            r = parseInt(n) + 1
                        } else if (n > 1) {
                            r = parseInt(n) - 1
                        }
                        i.find(".quantity").val(r);
                    });
                  
                    t.loadQuickViewSlider(product,i);
                    t.initQuickviewAddToCart();
                    e(".quick-view").fadeIn(500);
                   
                });
                return false
            });
             e(".quick-view .overlay,.close-window").live("click",function() {
                t.closeQuickViewPopup();
               e('.quick-view').removeClass("open-in");
               e('.quick-view').removeClass("option-loader");
               
                return false
            })
           
        },

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。