Shopify Liquid 添加到购物车按钮，无法删除价格

Question

我有一个显示商品价格的“添加到购物车”按钮。我只希望它显示“添加到购物车”。我一直在尝试删除价格，但每次我在页面上执行一些其他元素时都会停止工作。

这是负责显示在按钮上的价格的代码：

// Enabling add to cart button.
  var addBtnText = Shopify.formatMoney(variant.price, {{ shop.money_format | json }});
  if ( variant.compare_at_price > variant.price ) {
    jQuery('#add').addClass('on-sale');
    addBtnText += ' <span class="pre-sale-price">' + Shopify.formatMoney(variant.compare_at_price, {{ shop.money_format | json }}) + '</span>';

  } else {
    jQuery('#add').removeClass('on-sale');
  }
  addBtnText += ' <span class="div">|</span> {{ settings.txt_add | escape }}';
  jQuery('#add').removeClass('disabled').removeAttr('disabled').html(addBtnText);

第一个 {{ shop.money_format | json }} 似乎很重要，因为删除它会从页面中删除所有 jquery。

那么有没有办法让我使用上面的代码，所以购物车根本不显示 variant.price，只显示“添加到购物车”（点击后“添加到购物车”）。

感谢您的帮助！

Answer 1

删除第一行会导致问题，因为它定义了addBtnText 变量，该变量在代码中被进一步引用。如果您只想在按钮上显示“添加到购物车”，您可以在 html 中执行此操作：

<input type="submit" id="add" name="add" value="Add to Cart" class="btn" />

并使用 jQuery 更改点击时的值：

jQuery('#add').click(function() {
  jQuery('#add').val('Added to Cart');
});

或者如果你想重用你的代码 sn-p 从设置中加载按钮文本，你可以尝试这样的事情：

var addBtnText = '{{ settings.txt_add | escape }}';
jQuery('#add').html(addBtnText);

jQuery('#add').click(function() {
  jQuery('#add').html('Added to Cart');
});