{{#if theme_settings.yamshi_mobilebar_show}}
<nav class="y-mobile-bar" aria-label="{{lang 'yamshi.mobile_nav'}}">
    <a class="y-mobile-bar__item{{#if page_type '===' 'default'}} is-active{{/if}}" href="{{urls.home}}">
        {{> components/yamshi/icon name='home' size=22}}
        <span>{{#if theme_settings.yamshi_mb_home_label}}{{theme_settings.yamshi_mb_home_label}}{{else}}{{lang 'yamshi.mobile.home'}}{{/if}}</span>
    </a>
    <a class="y-mobile-bar__item{{#if page_type '===' 'category'}} is-active{{/if}}" href="{{theme_settings.yamshi_shop_url}}">
        {{> components/yamshi/icon name='shop' size=22}}
        <span>{{#if theme_settings.yamshi_mb_shop_label}}{{theme_settings.yamshi_mb_shop_label}}{{else}}{{lang 'yamshi.mobile.shop'}}{{/if}}</span>
    </a>
    <a class="y-mobile-bar__item{{#if page_type '===' 'cart'}} is-active{{/if}}" href="{{urls.cart}}">
        <span class="y-cart-icon">
            {{> components/yamshi/icon name='bag' size=22}}
            <span class="countPill cart-quantity"></span>
        </span>
        <span>{{#if theme_settings.yamshi_mb_cart_label}}{{theme_settings.yamshi_mb_cart_label}}{{else}}{{lang 'yamshi.mobile.cart'}}{{/if}}</span>
    </a>
    <a class="y-mobile-bar__item{{#startsWith 'account' page_type}} is-active{{/startsWith}}" href="{{#if customer}}{{urls.account.index}}{{else}}{{urls.auth.login}}{{/if}}">
        {{> components/yamshi/icon name='user' size=22}}
        <span>{{#if theme_settings.yamshi_mb_account_label}}{{theme_settings.yamshi_mb_account_label}}{{else}}{{lang 'yamshi.mobile.account'}}{{/if}}</span>
    </a>
</nav>
{{/if}}