/ / Shopify Liquid - Bouton ajouter au panier, impossible d'enlever les prix - jQuery, Shopify, liquide

Shopify Liquid - Bouton ajouter au panier, impossible d'enlever les prix - jQuery, Shopify, liquide

J'ai un bouton d'ajout au panier qui indique le prixde l'article. Je veux seulement afficher "Ajouter au panier". J'essaie de supprimer le prix, mais chaque fois que je fais, certains éléments de la page ne fonctionnent plus.

C’est le code responsable de l’affichage du prix sur le bouton:

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

Le premier {{shop.money_format | json}} semble être important, car la suppression de cette opération supprime toutes les requêtes de la page.

Il ya donc un moyen pour moi d’utiliser le code ci-dessus afin que le panier ne montre pas la variante.Prix et ne dit que "Ajouter au panier" (et "Ajouté au panier" après avoir cliqué).

Merci pour toute aide!

Réponses:

2 pour la réponse № 1

La suppression de la première ligne posera des problèmes car elle définit addBtnText variable à laquelle on se réfère plus loin dans le code. Si vous voulez simplement afficher "Ajouter au panier" sur le bouton, vous pouvez le faire en HTML:

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

Et changez la valeur sur click avec jQuery:

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

Ou si vous souhaitez réutiliser votre extrait de code pour charger le texte du bouton à partir des paramètres, vous pouvez essayer quelque chose comme ceci:

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

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