我正在使用 Shopify 的 DEBUT 主題。我正在研究的主題預覽 - https://j0sobcxwialjqvz8-24806554.shopifypreview.com我正在嘗試向我的 Shopify 網站上的 AJAX 購物車小部件添加其他功能。主要是我想做的是在總訂單未達到免費送貨門檻的情況下,將運費添加到購物車的總價中。我還添加了一個具有相同閾值功能的免費送貨欄。所以類似 - 如果 {{cart.total_price}} 等于/高于 25 美元,則顯示“免費送貨”,否則 {{cart.total_price}} | 加上:7.95但是,每當我在 AJAX 購物車中使用沒有特定 CSS 類(例如:CSS-Class .total-price)的 {{cart.total_price}} 代碼時。如果里面有產品變化,它不會更新價格AJAX 購物車。我認為我的一個 liquid.js 文件中有一個 jQuery 函數正在更改 HTML 輸出。有人可以幫我解決這個問題嗎?我只想能夠在我的液體代碼上使用基本 Shopify 對象“cart.total_price”并使其更新價格而無需刷新頁面。這是我的代碼:jQuery('document').ready(function() { var windowWidth = jQuery(window).width(); // QTY CHANGES ON MINICART var timer = undefined; jQuery('.slideout-cart .qty-form input').keyup(function() { if (timer) { clearTimeout(timer); } var self = this; timer = setTimeout(function() { var input = jQuery(self); var qty = input.val(); var productId = parseInt(input.attr('data-id')); if (!(jQuery.isNumeric(qty) && Math.floor(qty) == qty && qty >= 0)) { updateQty(input, 1, productId); } else { updateQty(input, qty, productId); } }, 2000); }); function updateQty(input, qty, productId) { input.parent().addClass('loading'); jQuery.post('/cart/change.js', { quantity: qty, id: productId }, null, "json") .done(function(response) { if (is_wholesale) { window.location.reload(); return;});
Shopify {{cart.total_price}} 在 CSS 類之外使用時不更新
慕標琳琳
2023-03-03 15:26:10