Прилипающий футер

Видеоинструкция по подключению

Пошаговая инструкция с подключением кода

ID Шаблона
Категория
Последнее обновление
7 Июня, 2024
Бесплатные, Эффекты
50259687
Скриншоты шаблона
Шаг 1
Создаем футер используя Zero-блок и помечаем этот блок классом uc-sticky-footer
Шаг 2
В конце страницы или футере добавляем код, через блок T123
CSS / JS

<!--Прилипающий подвал (Sticky footer)
https://mt-webdesign.ru/sticky-footer-->
<style>
.uc-sticky-footer {
clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);
}
.uc-sticky-footer .t396__artboard {
position: fixed;
bottom: 0;
width: 100%;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var footerElement = document.querySelector('.uc-sticky-footer');
var footerSticky = document.querySelector('.uc-sticky-footer .t396__artboard');
if (footerElement && footerSticky) {
var artboardStickyHeight = footerSticky.offsetHeight;
footerElement.style.height = artboardStickyHeight + 'px';
}
});
</script>

Более подробные настройки, возможности взаимодействия и подключение в видео

Инструкция с копированием шаблона к себе

Создаём новую страницу на сайте
Шаг 1
Скроллим в самый низ и нажимаем кнопку «Указать ID шаблона»
Шаг 2
В графе указываем номер шаблона (ID Шаблона), нажимаем кнопку «Выбрать»
Шаг 3