Как в слайдере TE800 сделать выделенным центральный активный слайд в Tilda
New products
Aesthetic goods and beauty accessories that will be popular this summer season
Как в слайдере TE800 сделать выделенным центральный активный слайд в Tilda
1
Создали TE800
Настроили 3 слайда в ряд и выставили соотношение 1 к 1
Настроили 3 слайда в ряд и выставили соотношение 1 к 1
2
Добавили код в блок Другое - Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Создаём поиск по таблице CL46, выводим значения в информационный popup BF503
Фрагмент видео
Библиотека для примера
<style>
.t923__content {
position: absolute;
height: auto !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
width: 100%;
text-align: center;
}
.t923__imgwrapper {
opacity: 0;
transition: all 0.6s ease-in-out;
}
.t923__wrapper {
background: transparent;
}
.t923__bgimg {
border-radius: 50%;
}
.t923__content {
background: none !important;
}
@media screen and (min-width:960px){
.t923 .t-slds__arrow_wrapper {
width: 33%;
}
.t923 .t-slds__item_active+div .t-card__title {
color: #fff !important;
}
.t923 .t-slds__item_active+div .t923__imgwrapper {
opacity: 1;
}
}
@media screen and (max-width:960px){
.t923 .t-slds__item_active .t923__imgwrapper {
opacity: 1;
}
.t923 .t-slds__item_active .t-card__title {
color: #fff !important;
}
.t923__title {
font-size: 40px !important;
}
}
</style>
