Javascript Girl
  1. Javascript Girl
  3. Ajouter 20% au prix du produit via Javascript dans Shopify
Intereting Posts
Prévenir le flou lorsque l'utilisateur clique sur une division spécifique ne fonctionne pas dans Firefox En utilisant setTimeout de manière synchrone en JavaScript Méthode de "méthode" dans le livre de Crockford: Javascript: The Good Parts Angularjs – les actions du contrôleur ne fonctionnent pas Extension chrome: exécuter le script après la page a terminé le chargement du javascript Retourner les résultats à partir d'une fonction (javascript, nodejs) Obtenir plusieurs types à l'aide de Google Places API maintenant obsolète Obligeant un domineur dans ie8 Faire un tableau JavaScript à partir de l'URL Comment obtenir une extension d'un fichier en utilisant jquery ou javascript? Comment automatiser une séquence de feux de circulation JavaScript / html à l'aide de l'interconnexion? Qu'est-ce que le répertoire node_modules dans AngularJS? La validation déroulante AngularJS requiert une validation Support webView Android pour le rendu svg Object.is vs ===

Ajouter 20% au prix du produit via Javascript dans Shopify

Il y a probablement une réponse simple à laquelle quelqu'un peut m'aider, mais je ne suis pas si génial avec Javascript. Fondamentalement, dans Shopify, j'ai configuré les prix pour être affichés + 20% avec l'une de leurs étiquettes liquides. Cela fonctionne très bien en dehors de la page du produit car il y a un peu de Javascript qui désactive le bouton ajouter au panier si une taille est en rupture de stock et change le prix en rupture de stock aussi. Quoi qu'il en soit, voici le code: 

<script> var selectCallback = function(variant, selector) { if (variant && variant.available) { // valid variant selected $('#add-to-cart').removeClass('disabled').removeAttr('disabled').val('Add to Cart'); // remove unavailable class from add-to-cart button, and re-enable button if (variant.compare_at_price == 0){ $('.product-title .price').html(''+Shopify.formatMoney(variant.price, "{{shop.money_format}}")+' Excluding VAT'); } else { $('.product-title .price').html('<span>'+Shopify.formatMoney(variant.price, "{{shop.money_format}}") + '</span> <del>' + Shopify.formatMoney(variant.compare_at_price, "{{shop.money_format}}") + ' Excluding VAT</del>'); } } else { // variant doesn't exist $('#add-to-cart').addClass('disabled').attr('disabled', 'disabled').val('Sold Out'); // set add-to-cart button to unavailable class and disable button var message = variant ? "Sold Out" : "Unavailable"; $('.product-title .price').text(message); // update price-field message } };

Sur les pages de la liste des produits, je peux ajouter 20% au prix en utilisant l'étiquette liquide suivante

{{ product.price_min | times:1.20 | money }}

Tout ce que je dois faire est de modifier le Javascript afin que le prix qu'il produit soit multiplié par 1,20. Est-ce que quelqu'un sait d'une façon de faire cela? Merci.

Essaye ça 

 <script> var selectCallback = function(variant, selector) { if (variant && variant.available) { // valid variant selected $('#add-to-cart').removeClass('disabled').removeAttr('disabled').val('Add to Cart'); // remove unavailable class from add-to-cart button, and re-enable button if (variant.compare_at_price == 0){ $('.product-title .price').html(''+Shopify.formatMoney((variant.price*1.2), "{{shop.money_format}}")+' Excluding VAT'); } else { $('.product-title .price').html('<span>'+Shopify.formatMoney((variant.price*1.2), "{{shop.money_format}}") + '</span> <del>' + Shopify.formatMoney(variant.compare_at_price, "{{shop.money_format}}") + ' Excluding VAT</del>'); } } else { // variant doesn't exist $('#add-to-cart').addClass('disabled').attr('disabled', 'disabled').val('Sold Out'); // set add-to-cart button to unavailable class and disable button var message = variant ? "Sold Out" : "Unavailable"; $('.product-title .price').text(message); // update price-field message } };