Solved – Display Product Title With Special Characters in Magento 2 Mini Cart

Magento 2 mini cart displays the product title when the user adds the product to the cart. However, sometimes the product titles with special characters like ä show “& auml;” in the frontend.

For example, the product CSV file uploaded in the Magento 2 store has product names like Dress™. In the frontend mini cart, it displays as &Dress;

The expected result is to display the correct product title after converting the HTML equivalent to the characters. But the actual results differ.

To avoid that, follow the below solution to display product title with special characters in Magento 2 mini cart correctly:

Method to display product title with special characters in Magento 2 mini cart:

Find the below code in vendor\magento\module-checkout\view\frontend\web\template\minicart\item\default.html file:

  <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>

Replace the above code with the below code at app\design\frontend\[Theme]\[Name]\Magento_Checkout\web\template\minicart\item\default.html:

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

That’s it.

Now you can see how the product title is displayed correctly:

Note, You can also show additional data in Magento 2 mini cart to show shipping charge, discount or tax information etc.

Do share the solution with fellow developers via social media.

Thank you.