How can we edit tax text in ecommerce checkout?

Design help Ecommerce
23

If anybody is wondering going forward, it seems like WebFlow are actively removing comments that give you actual useful tips. If you want to remove this annoying feature, or edit the contents of it, you can use mutation observers. You can stick the following code in the section that says before </body> in the checkout page settings.

Webflow should be giving us the right to change the text, this is insanely daft. It seems like Webflow generally don’t care about what their customers need. It’s insane that they haven’t added the functionality for this.

<script type="text/javascript">
// This script is used to remove the absolutely stupid "Country Taxes" feature that webflow are neglecting

// We need to monitor the list for the "Country Taxes" stuff they add in
var target = $(".w-commerce-commercecheckoutordersummaryextraitemslist")[0];

var observer = new MutationObserver(function( mutations ) {
  mutations.forEach(function( mutation ) {
    var newNodes = mutation.addedNodes;
    
    if( newNodes !== null ) {
    	var $nodes = $( newNodes );
    	$nodes.each(function() {
    		let $node = $( this );
    		let isUseless = $node.children(":contains(Country Taxes)").length > 0;
        
        // You can either remove it or edit here.
        if (isUseless) { $node.remove(); }
    	});
    }
  });    
});

// Configuration of the observer:
var config = { 
	attributes: false, 
	childList: true, 
	characterData: false 
};
 
// Pass in the target node, as well as the observer options
observer.observe(target, config);

</script>
3 Likes
24

is there a solution now?

25

Is there a way to vote this up? Just went live with an ecommerce site and the client does not like the split taxes at all. Neither do I. Just some simple code to add and combine the three tax boxes together??