Shopify Liquid pridať do košíka tlačidlo, nemožno odstrániť cenu - jquery, shopify, kvapalina

Mám tlačidlo na pridanie do košíka, ktoré zobrazuje cenupoložky. Chcem len, aby sa zobrazilo "Pridať do košíka". Snažil som sa odstrániť cenu, ale vždy, keď robím nejaké ďalšie prvky na stránke, prestane pracovať.

Toto je kód, ktorý zodpovedá za cenu zobrazenú na tlačidle:

// 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);

Prvý {{shop.money_format | json}}, zdá sa, že je dôležité, pretože odstránenie toho odstráni všetky jquery zo stránky.

Takže existuje spôsob, ako môžem použiť vyššie uvedený kód, takže košík nezobrazí vôbec variant.price a len po kliknutí hovorí "Pridať do košíka" (a "Pridaný do košíka").

Ďakujeme za pomoc!

odpovede:

Odstránenie prvého riadku spôsobí problémy, pretože definuje addBtnText premenná, ktorá je uvedená nižšie v kóde. Ak chcete na tlačidle zobraziť iba tlačidlo "Pridať do košíka", môžete to urobiť v html:

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

A zmeniť hodnotu kliknutia pomocou jQuery:

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

Ak chcete znova použiť kódový útržok na načítanie textu tlačidla z nastavenia, môžete to skúsiť takto:

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

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