How to hide the «Your credit card will be charged for» phrase from the cart totals block?

mmikhail · August 18, 2016, 2:09am

I tested a transaction in NZD (the display currency) and it was processed successfully by Stripe as NZD. However, in the checkout page, it was showing that the credit card will be charged in AUD (the base currency) as per the attached screenshot. How can I fix the checkout page to display that the card will be charged the NZD amount instead?

dmitrii_fediuk · August 18, 2016, 2:15am

It is impossible in Magento 2 out of the box, and requires an extension.

github.com

magento/magento2/blob/2.1.0/app/code/Magento/Tax/view/frontend/web/template/checkout/summary/grand-total.html#L35-L42


<!-- ko if: isBaseGrandTotalDisplayNeeded() && isDisplayed() -->
<tr class="totals charge">
<th class="mark" data-bind="i18n: basicCurrencyMessage" scope="row"></th>
<td class="amount">
    <span class="price" data-bind="text: getBaseValue(), attr: {'data-th': basicCurrencyMessage}"></span>
</td>
</tr>
<!-- /ko -->

github.com

magento/magento2/blob/2.1.0/app/code/Magento/Tax/view/frontend/web/js/view/checkout/summary/grand-total.js#L47-L53


isBaseGrandTotalDisplayNeeded: function() {
    var totals = this.totals();
    if (!totals) {
        return false;
    }
    return totals.base_currency_code != totals.quote_currency_code;
}

github.com

magento/magento2/blob/2.1.0/app/code/Magento/Tax/view/frontend/layout/checkout_index_index.xml#L73-L73


<item name="basicCurrencyMessage" xsi:type="string" translate="true">Your credit card will be charged for</item>

mmikhail · August 18, 2016, 7:15am

Can this be customised in the checkout template?

dmitrii_fediuk · August 18, 2016, 6:45pm

I have hidden the «Your credit card will be charged for» phrase for all my payment extensions, starting from the 1.6.21 version of my mage2pro/core Composer package:

github.com

mage2pro/core/blob/1.6.21/Tax/view/frontend/web/js/view/checkout/summary/grand-total.js?ts=4#L23-L36


	isBaseGrandTotalDisplayNeeded: function() {
		/** @type {Boolean} */
		var result;
		/** @type {?Object} */
		var m = quote.getPaymentMethod()();
		if (m) {
			/** @type {?String} */
			var code = m['method'];
			if (code && 0 === code.indexOf('dfe_')) {
				result = false;
			}
		}
		return df.d(result) ? result : this._super();
	}

So you can just upgrade the packages, and the phrase will disappear.