Variant Save Price and Percentage not changing on Product Page

Variant Save Price and Percentage not changing on Product Page

This issue can be fixed by changing code from in product-template.liquid

change this: <span class="save-price">SAVE {{ saved_amount }}</span>
to : <span id="save_price" class="save-price">SAVE {{ saved_amount }}</span>

and adding the following code after the line
 var shop_curr = '{{shop.money_format}}';
in product-template.liquid
  1.  {% if wc_sale_type == 'percentage' %}
          var save_perc = ((variant.compare_at_price - variant.price)/variant.compare_at_price)*100;
          var save_percn = save_perc.toFixed(0); 
          jQuery('#save_price').html('SAVE '+ save_percn + '%');
         {% else %}
          var save_amnt = (variant.compare_at_price - variant.price)/100;
          var save_amntn = save_amnt.toFixed(2); 
          jQuery('#save_price').html('SAVE '+ (Shopify.formatMoney(save_amntn, shop_curr)));
          {% endif %}

    • Related Articles

    • How to change the 'Save Tag' on the product page from USD to %?

      If you are on the 1.3 version you will need to do this manually. {% assign wc_sale_type = 'money' %}  - for amounts {% assign wc_sale_type = 'percentage' %}  - for % sign We need to make change to product-card-grid.liquid and product-template.liquid ...

    • Product Variant thumbnail has empty space

      If your product thumbnail has empty space, like the one above and you don't want to change the image dimensions, you can choose to apply a fix for this  In swatch.liquid file  change background-size:contain; in the following code to background-size: ...

    • Oberlo auto changing/updating price of products on store?

      There are settings within Oberlo to update pricing automatically depending on the global pricing policy (refer screenshot) If you don't want any automatic update of price, turn off auto pricing update (refer screenshot).  

    • How can I add the "Track Order" option on the top nav menu or page?

      Log into Shopify admin>Online Store>Themes>Customize (on right). Code to be used inside a page to enable tracking of orders: <div style="text-align: center;"></div> <div style="text-align: center;"></div> <div style="text-align: center;">Can't wait ...

    • How to add custom content in tabs on Products Page for specific products

      In the theme Customiser -> select the  Product Page Here you scroll the option down and you will see checkboxes to enable disable tabs         The tabs will look like this: The content can be simple HTML formatting which you can use the code ...