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 со страницы.

Таким образом, есть ли способ для меня использовать вышеуказанный код, чтобы корзина вообще не показывала вариант. Цену и только говорила "Добавить в корзину" (и "Добавлена ​​в корзину" после нажатия).

Спасибо за любую помощь!

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');
});

Или, если вы хотите повторно использовать фрагмент кода для загрузки текста кнопки из настроек, вы можете попробовать что-то вроде этого:

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

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