Добавить вторую кнопку в корзину ST100
Модификация позволяет добавить вторую кнопку, например "Продолжить покупки" в корзину ST100 на Тильде.
Кнопка будет расположена под базовой кнопкой.
Пример: добавь в корзину это
Инструкция:
Кнопка будет расположена под базовой кнопкой.
Пример: добавь в корзину это
Инструкция:
- Добавили корзину через блок ST100
- Скопировали код ниже в блок T123
<style>
.continue-btn {
background-color: #939598; /* цвет кнопки */
color: #fff; /* цвет текста кнопки */
width: 100%;
border-radius: 6px; /* скругление кнопки */
text-align: center;
height: 60px;
line-height: 60px;
font-weight: 300;
cursor: pointer;
margin-top: 15px; /* отступ кнопки от базовой */
text-transform: uppercase; /* весь текст заглавными. Удали, если нужны строчные */
}
</style>Скопируйте этот код, если в настройках блока ST100 вы установили галочку на "Оформление заказа в несколько этапов".
<!-- Кнопка "Продолжить покупки" в корзине ST100 при настройке "Оформление заказа в несколько этапов" -->
<script>
document.addEventListener("DOMContentLoaded", function() {
(function () {
let tcartAwait = setInterval(function() {
const cartSubmitBtn = document.querySelector('.t706 .t-form__submit');
if (cartSubmitBtn !== void 0 ){
clearInterval(tcartAwait);
const continueBtn = document.createElement("div");
continueBtn.className = "continue-btn t-btn";
continueBtn.addEventListener('click', function() {
const backBtn = document.querySelector('.t706__cartpage-back');
if (backBtn) {
backBtn.click();
}
});
continueBtn.textContent = "Продолжить покупки"; // Текст кнопки (можно поменять на свой)
cartSubmitBtn.insertAdjacentElement('afterEnd', continueBtn);
}
}, 100);
})();
});
</script>Скопируйте этот код, если в настройках блока ST100 вы НЕ установили галочку на "Оформление заказа в несколько этапов".
<!-- Кнопка "Продолжить покупки" в корзине ST100 -->
<script>
document.addEventListener("DOMContentLoaded", function() {
(function () {
let tcartAwait = setInterval(function() {
const cartSubmitBtn = document.querySelector('.t706 .t-form__submit');
if (cartSubmitBtn !== void 0 ){
clearInterval(tcartAwait);
const continueBtn = document.createElement("div");
continueBtn.className = "continue-btn t-btn";
continueBtn.setAttribute('onclick', 'tcart__closeCart()');
continueBtn.textContent = "Продолжить покупки"; // Текст кнопки (можно поменять на свой)
cartSubmitBtn.insertAdjacentElement('afterEnd', continueBtn);
}
}, 100);
})();
});
</script>