{"id":1965,"date":"2021-11-26T11:07:59","date_gmt":"2021-11-26T11:07:59","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/show-additional-data-in-magento-2-mini-cart\/"},"modified":"2025-07-16T17:02:00","modified_gmt":"2025-07-16T11:32:00","slug":"show-additional-data-in-magento-2-mini-cart","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/show-additional-data-in-magento-2-mini-cart\/","title":{"rendered":"How to Show Additional Data in Magento 2 Mini Cart"},"content":{"rendered":"\n

The mini cart in\u00a0Magento 2\u00a0store shows the gist of items in the cart. It is enabled by default and appears when you click the cart icon at the top of the page.<\/p>\n\n\n\n

The default Magento 2 mini cart is something like this:<\/p>\n\n\n

\n
\"Default<\/figure>\n<\/div>\n\n\n

When you want to display the correct product title after converting the html equivalent to the characters but the actual result differs is where you need to have the solution to display product titles with special characters in Magento 2<\/a>. However, based on the modern business requirements, if you want to show additional data in Magento 2 mini cart, follow the solution given in this post.<\/p>\n\n\n\n

You may add a button, or display VAT amount, coupon code, discount availed, etc. that is not included in the default mini cart.<\/p>\n\n\n\n

Method to Show Additional Data in Magento 2 Mini Cart:<\/h2>\n\n\n\n

Create di.xml<\/strong><\/em> under Vendor\\Module\\etc\\frontend<\/strong><\/strong><\/p>\n\n\n\n

<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:ObjectManager\/etc\/config.xsd\">\n    <type name=\"Magento\\Checkout\\CustomerData\\Cart\">\n        <plugin name=\"minicart_content\" type=\"Vendor\\Module\\Plugin\\Checkout\\CustomerData\\Cart\"\/>\n    <\/type>\n<\/config><\/pre>\n\n\n\n
Create cart.php<\/strong><\/em> under Vendor\\Module\\Plugin\\Checkout\\CustomerData<\/strong><\/strong><\/p>\n\n\n\n
<?php\nnamespace Vendor\\Module\\Plugin\\Checkout\\CustomerData;\n\nclass Cart {\n    public function afterGetSectionData(\\Magento\\Checkout\\CustomerData\\Cart $subject, array $result)\n    {\n        $result['content'] = 'test'; \/\/ Add extra content here\n        return $result;\n    }\n}<\/pre>\n\n\n\n
Create checkout_cart_sidebar_total_renderers.xml<\/strong><\/em> under Vendor\\Module\\view\\frontend\\layout<\/strong><\/strong><\/p>\n\n\n\n
<?xml version=\"1.0\"?>\n<page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n      xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n    <body>\n        <referenceBlock name=\"minicart\">\n            <arguments>\n                <argument name=\"jsLayout\" xsi:type=\"array\">\n                    <item name=\"components\" xsi:type=\"array\">\n                        <item name=\"minicart_content\" xsi:type=\"array\">\n                            <item name=\"children\" xsi:type=\"array\">\n                                <item name=\"subtotal.container\" xsi:type=\"array\">\n                                    <item name=\"children\" xsi:type=\"array\">\n                                        <item name=\"extra\" xsi:type=\"array\">\n                                            <item name=\"component\" xsi:type=\"string\">uiComponent<\/item>\n                                            <item name=\"config\" xsi:type=\"array\">\n                                                <item name=\"template\" xsi:type=\"string\">Vendor_Module\/checkout\/minicart\/content<\/item>\n                                            <\/item>\n                                            <item name=\"children\" xsi:type=\"array\"> \n                                                <item name=\"subtotal.totals\" xsi:type=\"array\">\n                                                    <item name=\"component\" xsi:type=\"string\">Magento_Checkout\/js\/view\/checkout\/minicart\/subtotal\/totals<\/item>\n                                                    <item name=\"config\" xsi:type=\"array\">\n                                                        <item name=\"template\" xsi:type=\"string\">Vendor_Module\/checkout\/minicart\/content\/data<\/item>\n                                                    <\/item>\n                                                <\/item>\n                                            <\/item>\n                                        <\/item>\n                                    <\/item>\n                                <\/item>\n                            <\/item>\n                        <\/item>\n                    <\/item>\n                <\/argument>\n            <\/arguments>\n        <\/referenceBlock>\n    <\/body>\n<\/page><\/pre>\n\n\n\n
Create content.html<\/strong><\/em> under Vendor\\Module\\view\\frontend\\web\\template\\checkout\\minicart<\/strong><\/strong><\/p>\n\n\n\n
<div class=\"content\">\n    <span class=\"label\">\n        <!-- ko i18n: 'Extra Content' --><!-- \/ko -->\n    <\/span>\n    <!-- ko foreach: elems -->\n    <!-- ko template: getTemplate() --><!-- \/ko -->\n    <!-- \/ko -->\n<\/div><\/pre>\n\n\n\n
Create data.html<\/strong><\/em> under Vendor\/Module\/view\/frontend\/web\/template\/checkout\/minicart\/content<\/strong><\/p>\n\n\n\n
<div>\n     <span class=\"label\">\n        <!-- ko i18n: 'Extra content is ' --><!-- \/ko -->\n    <\/span>\n    <span class=\"custom-wrapper\" data-bind=\"html: cart().content_data\"><\/span>\n<\/div><\/pre>\n\n\n\n
That\u2019s it.<\/p>\n\n\n\n
Just like showing additional data in mini cart you can also restrict quantity update from minicart in Magento 2<\/a> this will be helpful when you have set condition of limiting the order quantity.<\/p>\n\n\n\n
Do share the post with the Magento Community via social media. Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"
Learn the programmatic method to show additional data in Magento 2 mini cart for better customer experience at checkout.<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1965","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1965"}],"version-history":[{"count":5,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1965\/revisions"}],"predecessor-version":[{"id":18008,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1965\/revisions\/18008"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}