{% set oActCategory = oView.getActiveCategory() %}
<nav class="nav align-items-center float-end c4s-details-locator" aria-label="locator">
    <div class="nav-item{% if not oActCategory.prevProductLink %} invisible{% endif %}">
        <a class="nav-link" href="{{ oActCategory.prevProductLink }}"><i class="fa-solid fa-chevron-left"></i></a>
    </div>
    <div class="nav-item">
        {{ oActCategory.iProductPos }} / {{ oActCategory.iCntOfProd }}
    </div>
    <div class="nav-item{% if not oActCategory.nextProductLink %} invisible{% endif %}">
        <a class="nav-link" href="{{ oActCategory.nextProductLink }}"><i class="fa-solid fa-chevron-right"></i></a>
    </div>
    <div class="nav-item">
        <a class="nav-link" href="{{ oActCategory.toListLink }}">{{ translate({ ident: "BACK_TO_OVERVIEW" }) }}&nbsp;&nbsp;</span><i class="fa-solid fa-list"></i></a>
    </div>
</nav>