I want to add a custom block Below Order Total using a knockout template but unable to render it on the checkout cart page.
Here I have done so far.
1) checkout_cart_index.xml at
app/code/Ishaq/CheckoutTotal/view/frontend/layout/checkout_cart_index.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="checkout.cart.totals">
<arguments>
<argument name="jsLayout" xsi:type="array">
<item name="components" xsi:type="array">
<item name="block-totals" xsi:type="array">
<item name="children" xsi:type="array">
<item name="fee" xsi:type="array">
<item name="component" xsi:type="string">Ishaq_CheckoutTotal/converted_rate</item>
<item name="sortOrder" xsi:type="string">20</item>
<item name="config" xsi:type="array">
<item name="template" xsi:type="string">Ishaq_CheckoutTotal/converted_rate</item>
</item>
</item>
</item>
</item>
</item>
</argument>
</arguments>
</referenceBlock>
</body>
</page>
2) converted_rate.html at
app/code/Ishaq/CheckoutTotal/view/frontend/web/template/converted_rate.html
<!-- ko -->
<div>My Converted rate goes here</div>
<!-- /ko -->
3) converted_rate.js at
app/code/Ishaq/CheckoutTotal/view/frontend/web/js/converted_rate.js
define(
[
'Ishaq_CheckoutTotal/js/converted_rate'
],
function (Component) {
'use strict';
return Component.extend({
});
}
);