Magento 2: How can I add sku under product name on minicart for each product?

Question

I can't find the phtml template for the minicart in the header, I think actually that the information like name, price, quantity etc are rendered with knockout js.

I want to add brand attribute value and sku under the name of each product.

How can I do that? Where are the files that I should override

Thanks!

Answer 1

Yes you have to override the following template

/vendor/magento/module-checkout/view/frontend/web/template/minicart/item/default.html 

and create a plugin for the function getItemData() of the class

vendor/magento/module-checkout/CustomerData/AbstractItem.php

so you can provide the additional data to the template. Check this post for more details about how you can extend the mini cart.

Answer 2

Override vendor/magento/module-checkout/view/frontend/web/template/minicart/item/default.html

in app/design/frontend/your_vendor/your_theme/Magento_Checkout/web/template/minicart/item/default.html

find below code

<strong class="product-item-name">
    <!-- ko if: product_has_url -->
    <a data-bind="attr: {href: product_url}, text: product_name"></a>
    <!-- /ko -->
    <!-- ko ifnot: product_has_url -->
        <!-- ko text: product_name --><!-- /ko -->
    <!-- /ko -->
</strong>

and replace above code with this

<strong class="product-item-name">
    <!-- ko if: product_has_url -->
    <a data-bind="attr: {href: product_url}, text: product_name"></a>
    <a data-bind="attr: {href: product_url}, text: product_sku"></a>
    <!-- /ko -->
    <!-- ko ifnot: product_has_url -->
        <!-- ko text: product_name --><!-- /ko -->
        <!-- ko text: product_sku --><!-- /ko -->
    <!-- /ko -->
</strong>

Now run php bin/magento setup:static-content:deploy command

For adding more product attributes in minicart, please refer protected function doGetItemData() in vendor/magento/module-checkout/CustomerData/DefaultItem.php