Меняем иконку корзины на надпись (для десктоп версии)

1. Добавляем Корзину — ST100
2. Добавляем HTML-код — T123 и вставляем в него следующий код
3. Настраиваем позиционирование Корзины в настройках блока в зависимости от выбранного блока меню

<style>
@media screen and (min-width: 1200px) {
    .t706__carticon {
        position: absolute; /* убираем фиксацию корзины */
        display: block !important;
    }
    .carttext {
        padding: 30px 15px 15px 15px;
        color: black;
        font-size: 16px;
        font-weight: 500;
        font-family: sans-serif;
    }
    .t706__carticon-counter {
        right: -5px;
        bottom: 25px;
    }
    .t706__carticon-imgwrap {
        box-shadow: none;
    }
    .t706__carticon {
        top: 10px;
        right: 50px;
    }
    .t706__carticon-text {
        top: 50%;
        right: 110%;
    }
        .t706__carticon-imgwrap {
        background-color: transparent;
    }
}
</style>
<script> 
$(document).ready(function(){
 if(document.documentElement.clientWidth > 1200) {
    $(".t706__carticon-imgwrap").empty(); // удаляем иконку
    $(".t706__carticon-imgwrap").append('<div class=carttext>Bag</div>'); // добавляем надпись
  }
});
</script>
Made on
Tilda