cart in masthead code

Hi.

I manually added few icons and search box into the masthead section (as you can see on the screenshot).
https://i.ibb.co/qBrRcNd/Screenshot-20200725-050304.png

Code for icons:

<header id="masthead" class="site-header" role="banner" style="">
    <div class="col-full">
        ...
        <ul id="header-extra">
            <li id="header-extra-cart"><a id="koszyk-header-link" href="/cart"></a></li>
            <li id="header-extra-account-"><a id='account-header-link' href="/my-account"></a></li>
            <li class="my-search-form"><?php get_search_form(); ?></li>
        </ul>
    </div>
    ...
</header>

So far they are only links to account and cart sites. I’m looking for some code snippet to program the cart icon so it could act automatically with ajax- to show number of products in the cart (basicaly like most cart plugins work). For example something like that:
https://i.ibb.co/gS9bMMN/Screenshot-20200728-002119.png

I would appreciate any help with this thing. Thanks ??

• This topic was modified 4 years, 8 months ago by pprzemyslaw.