URL скопирован в буфер обмена!
Как добавить кнопку "Продолжить покупки" в корзине Tilda
При помощи данной модификации можно добавить кнопку "продолжить покупки" в блок корзины ST100 на Тильда. Скрипт работает со стандартной корзиной и корзиной где оформление заказа происходит в несколько этапов.
Модификация работает с включенным Autoscale в блоках
Модификация работает только со стандартными блоками
Номер модификации в библиотеке TiCode
Тип корзины
Расположение кнопки
Радиус углов кнопки
Цвет кнопки
Цвет текста
Цвет обводки
Шрифт кнопки
Текст кнопки
Настройки ховера кнопки
Цвет кнопки при наведении
Цвет текста при наведении
Цвет обводки при наведении
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev -->
<!--TCD066--><script>
$(document).ready(function() {
function TiCloseButton(selector, onClickFunction) {
$(selector).after("<div class='TiCodeCNT' onclick='" + onClickFunction + "'>Продолжить покупки</div>");
}
TiCloseButton('.t706 .t-form__submit', 'tcart__closeCart()');
});
</script>
<style>
.TiCodeCNT {
margin-top: 10px;
background-color: ;
color: #f96855;
border: 1px solid #f96855;
border-radius: 5px;
font-family: 'Arial',Arial,sans-serif;
font-size: 16px;
font-weight: 700;
text-align: center;
height: 60px;
line-height: 60px;
cursor: pointer;
transition: background 0.3s;
}
.TiCodeCNT:hover {
background-color: #f96855;
color: #ffffff;
border-color: #f96855;
}
</style>
1. Создаем блок ST100
2. Указываем настройки в генераторе кода
Тип корзины - выбираем стандартный (стандартный или оформление в два этапа если в настройках корзины поставили галочку возле "оформление корзины в несколько этапов);
Расположение кнопки - указываем расположение сверху или снизу от кнопки оформления заказа;
Радиус скругления углов кнопки - указываем радиус скругления углов;
Цвет кнопки - указываем цветовой код кнопки или оставляем поле пустым;
Цвет текста - указываем цвет текста;
Цвет обводки - указываем цвет обводи или оставляем поле пустым. Если указали цвет, то обязательно указываем толщину обводки в поле "Толщина обводки";
Толщина обводки - указываем толщину обводки или оставляем поле пустым;
Цвет кнопки при наведении - указываем цвет кнопки при наведении;
Цвет текста при наведении - указываем цвет текста при наведении;
Цвет обводки при наведении - указываем цвет обводки при наведении;
3. Копируем готовый код и вставляем в HTML блок Т123. Блок кода размещаем после корзины.
2. Указываем настройки в генераторе кода
Тип корзины - выбираем стандартный (стандартный или оформление в два этапа если в настройках корзины поставили галочку возле "оформление корзины в несколько этапов);
Расположение кнопки - указываем расположение сверху или снизу от кнопки оформления заказа;
Радиус скругления углов кнопки - указываем радиус скругления углов;
Цвет кнопки - указываем цветовой код кнопки или оставляем поле пустым;
Цвет текста - указываем цвет текста;
Цвет обводки - указываем цвет обводи или оставляем поле пустым. Если указали цвет, то обязательно указываем толщину обводки в поле "Толщина обводки";
Толщина обводки - указываем толщину обводки или оставляем поле пустым;
Цвет кнопки при наведении - указываем цвет кнопки при наведении;
Цвет текста при наведении - указываем цвет текста при наведении;
Цвет обводки при наведении - указываем цвет обводки при наведении;
3. Копируем готовый код и вставляем в HTML блок Т123. Блок кода размещаем после корзины.
