Видеоответы на вопросы по Tilda

Меняем положение вылета корзины в Tilda - Live-CSS-8

Делаем боковой вылет корзины, аналогично вылету избранного
<style>
.t706__cartwin-content {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    transform: translateX(100%);
    transition: all 0.2s ease-in-out;
}

.t706__cartwin {
    overflow: hidden;
    display: block !important;
    opacity: 0 !important;
    pointer-events: none;
}

.t706__cartwin_showed .t706__cartwin-content {
    transform: translateX(0%);
}

.t706__cartwin.t706__cartwin_showed {
    opacity: 1 !important;
    pointer-events: auto;
}

svg.t706__cartwin-close-icon {
    filter: invert(1);
    transform: translateX(200%);
    transition: all 0.2s ease-in-out;
}

.t706__cartwin_showed svg.t706__cartwin-close-icon {
    transform: translateX(0%);
}    
</style>
Made on
Tilda