how to remove text "items" from top links wishlist magento 2

Question

I want to display just wishlist count like wishlist (2) in top bar, how can I remove the word "items" or "item"

Answer 1

You can override the phtml: Theme_Root/Magento_Wishlist/templates/link.phtml

Instead this:

<span data-bind="text: wishlist().counter" class="counter qty"></span>

You can do this:

<span data-bind="text: wishlist().items.length" class="counter qty"></span>

Answer 2

you can remove it from

if you have no theme installed you can go to this and change the 1 item and %1 items.

vendor/magento/module-catalog/i18n/en_US.csv or

if you have a theme installed you can go to this location and do that.

app/design/frontend/Magento/<theme>/i18n/en_US.csv

Answer 3

You can also edit counter generated phrase.

Look at the file in:

vendor/magento/module-wishlist/CustomerData/Wishlist.php

on line 84 you will see:

protected function createCounter($count)
{
    if ($count > 1) {
        return __('%1 items', $count);
    } elseif ($count == 1) {
        return __('1 item');
    }
    return null;
}

You only have to override that method in your custom module.

For more info on how to do that this, look the following:

How to override customerData folder's file in magento 2?

Answer 4

You can use magento default way, just need to add simple regex for it.

Replace :

span data-bind="text: wishlist().counter" class="counter qty"></span

With :

span data-bind="text: wishlist().counter.replace(/[^0-9]+/g, '')" class="counter qty"></span