Shopify Liquid Aggiungi al carrello pulsante, non è possibile rimuovere il prezzo - jquery, shopify, liquido

Ho un pulsante Aggiungi al carrello che mostra il prezzodell'articolo. Voglio solo che mostri "Aggiungi al carrello". Ho provato a rimuovere il prezzo, ma ogni volta che faccio qualche altro elemento nella pagina smetto di funzionare.

Questo è il codice che è responsabile per il prezzo mostrato sul pulsante:

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

Il primo {{shop.money_format | json}} sembra essere importante, perché la rimozione rimuove tutto il jquery dalla pagina.

Quindi c'è un modo per me di usare il codice di cui sopra in modo che il carrello non mostri affatto la variante.prezzo e dice solo "Aggiungi al carrello" (e "Aggiunto al carrello" dopo aver cliccato).

Grazie per qualsiasi aiuto!

risposte:

La rimozione della prima riga causerà problemi perché definisce il addBtnText variabile che viene indicata più avanti nel codice. Se vuoi solo visualizzare "Aggiungi al carrello" sul pulsante, puoi farlo in html:

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

E cambia il valore al clic con jQuery:

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

O se vuoi riutilizzare il tuo snippet di codice per caricare il testo del pulsante dalle impostazioni, puoi provare qualcosa del genere:

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

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