Пользовательские варианты сортировки товаров в Woocommerce

Question

У меня есть этот фрагмент, который изменяет параметры сортировки товаров по умолчанию в Woocommerce для просмотра списка, и мне нужно добавить некоторую разметку (класс html с JS?) К текущему элементу списка, по которому щелкнули:

<div class="wrapper-ordering">
    <ul class="nav m-4">

    <?php
    global $wp;

    $catalog_orderby = apply_filters( 'woocommerce_catalog_orderby', array(
        'menu_order' => __( 'Akcie na dnes' ),

        'popularity' => __( 'Najpredávanejšie' ),

        'rating'     => __( 'Doporučujeme' ),

        'date'       => __( 'Novinky' )//,

    //  'price'      => __( 'Sort by price: low to high', 'woocommerce' ),

    //  'price-desc' => __( 'Sort by price: high to low', 'woocommerce' )
    ) );

    if ( get_option( 'woocommerce_enable_review_rating' ) == 'no' )
        unset( $catalog_orderby['rating'] );

    foreach ( $catalog_orderby as $id => $name )
        echo '<li class="nav-item nav-link order-item"><a href="' . home_url( $wp->request ) . '?orderby=' . $id . '" class="text-decoration-none text-secondary text-uppercase" style="border-bottom: 1px solid #6c757d; font-weight: bold;">' . esc_attr( $name ) . '</a></li>';
    ?>

    </ul>
</div>