Text after TAX field, or after tax calcualtion

Hey Illingco,

Thank you for the inquiry.

Would you mind providing a screenshot of the area where you need this text? You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hi,
I checked your previously posted staging site linked below, but the checkout is not in the same format as your screenshot.
We could add the text “TAX EXEMPT” after the word “Tax” with javascript, but we will need to see your page to examine, please link to it.

Best regards,
Mike

Hi,
Your screenshot is like this:

but when I check I see this:

Do you want it where the arrow is?

Best regards,
Mike

Hi,
Thank you for your patience, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function tax_exempt() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(function() {
  	setTimeout(function(){
  $('.cart_totals .tax-total th, #order_review .tax-total th').each(function() {
    var text = $(this).text();
    $(this).text(text.replace('Tax', ' Tax Exempt ')); 
});
}, 2000);
});
})(jQuery);
});
</script>
  <?php
}
add_action( 'wp_footer', 'tax_exempt', 99 );

in the cart:

in the checkout:

Best regards,
Mike

Hi,

Thank you for the update.

We edited the script a bit. Please try it again and make sure to adjust the link or the href value:

function av_custom_script_tax_exempt() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(function() {
  	setTimeout(function(){
      $('.cart_totals .tax-total th, #order_review .tax-total th').each(function() {
        var text = $(this).text();
        if (text.includes('Tax')) {
          $(this).html(text.replace('Tax', 'Tax (<a href="https://example.com/tax-exempt-info" target="_blank">Tax Exempt?</a>)'));
        }
      });
    }, 2000);
  });
})(jQuery);
});
</script>
<?php
}
add_action( 'wp_footer', 'av_custom_script_tax_exempt', 99 );

Best regards,
Ismael

Hi,

Thank you for the update.

it goes blank once I enter shipping details and it calculates tax

The script seems to be working as expected. It transforms the text from “Tax” to “Tax (Exempt?)”. How can we reproduce the issue? Please provide a screenshot using platforms like Savvyify, Imgur, or Dropbox.

Best regards,
Ismael

Hi,

This text pops up when filling in the fields.

Suspicious activity has been detected. If you believe this to be an error, please contact  (Email address hidden if logged out) .

Please disable it temporarily.

We adjusted the script a bit and added the updated_checkout event. Please try it again:

function av_custom_script_tax_exempt() { ?>
  <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($) {
        $(function() {
          function updateTaxLabel() {
            $('.cart_totals .tax-total th, #order_review .tax-total th').each(function() {
              var text = $(this).text();
              if (text.includes('Tax')) {
                $(this).html(text.replace('Tax', 'Tax (<a href="https://example.com/tax-exempt-info" target="_blank">Tax Exempt?</a>)'));
              }
            });
          }

          setTimeout(updateTaxLabel, 2000);

          $(document.body).on('updated_checkout', function() {
            updateTaxLabel();
          });
        });
      })(jQuery);
    });
  </script>
<?php
}
add_action('wp_footer', 'av_custom_script_tax_exempt', 99);

Best regards,
Ismael

Hi,

Great! Glad to know that the changes resolved the issue. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael