Добавил Зеро блок с текстом "Перейти к коллекции"
Его мы сделаем кодом CSS с наложением на следующий блок:
Добавить Т123 и в него код:
Добавить Т123 и в него код:
<!--Зероблок с наложением на следующий блок-->
<style>
/* Заменить #rec378997848 на id Зеро блока с текстом */
#rec378997848 {
position: absolute;
width: 100%;
}
</style>
Добавил блок ST300
Перейти к коллекции
Добавил код для слайдера ST300для каталога из инструкций
Добавил код для смещения карточки
код для увеличения добавлять не надо.
<style>
/* #rec375719191 замените на id блока вашего слайдера */
#rec378997774 .slick-center {
/* Смещаем центральный слайд вниз на 80рх */
transform: translatey(80px);
}
/* #rec375719191 замените на id блока вашего слайдера */
#rec378997774 .slick-slide {
/* Задаём время анимации смещения */
transition: .3s all ease !important;
}
/* #rec375719191 замените на id блока вашего слайдера */
#rec378997774 .slick-track {
/* Задаём отступы трека слайдера чтобы центральный слайд помещался при свиге вниз */
margin-top: 0px !important;
margin-bottom: 100px !important;
}
/* #rec375719191 замените на id блока вашего слайдера */
#rec378997774 .slick-list.draggable {
/* Уберем отступы у контейнера слайдера чтобы скрыть превью слайдов */
padding: 0 !important;
}
</style>
Опубликуйте страницу и проверьте отображение.
