亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Shopify {{cart.total_price}} 在 CSS 類之外使用時不更新

Shopify {{cart.total_price}} 在 CSS 類之外使用時不更新

慕標琳琳 2023-03-03 15:26:10
我正在使用 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;});
查看完整描述

1 回答

?
慕娘9325324

TA貢獻1783條經驗 獲得超4個贊

這里的代碼有兩個問題。

你提到的那個:

Javascript 部分正在尋找具有total-price類的元素并更新值 - jQuery('.total-price').html(Shopify.formatMoney(response.total_price, '$\{\{amount\}\}'))。所以你要么給它一個新類并更新 JS 部分,要么繼續使用這個total-price類。

你錯過的那個:

免費送貨邏輯由 Liquid 驅動。這意味著它僅在頁面加載時呈現。因此,即使您使上述內容起作用,您顯示的實際消息也不會改變,除非:

  • 用戶刷新頁面,或者

  • 您在上面的 JS 代碼中添加一個條款來更改此消息。

提示:不要{%- ... -%}在內聯樣式和腳本中使用空格刪除語法。它把事情搞砸了。


查看完整回答
反對 回復 2023-03-03
  • 1 回答
  • 0 關注
  • 157 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號