Сегодня я вам расскажу, как работать с интернет-магазином на платформе Тильда и добавить скидку за самовывоз в корзину.
Сначала работает с товарами каталога. Заходим во вкладку Товары, затем открываем значок три точки , рядом с пунктом меню Настройки и выбираем Скидки.
Нажимаем Создать новую скидку
Далее прописываем настройки скидки - Дифференциальная от кол-ва продуктов - при покупке от 1 скидка 10% - Название скидки - Самовывоз 10% (это важно, так как в скрипте указывается именно это название!) . Применяем ко всем разделам каталога. Нажимаем - сохранить скидку.
Далее добавляем дополнительный способ доставки. Для этого заходим в Настройки сайта - Платежные системы - Сервисы доставки - Создать свой сервис доставки по адресу. Задаете название в списке - у меня в примере это Самовывоз (это важно, так как в скрипте указывается именно это название!) .
Далее идем в подвал сайта или на страницу с каталогом. Добавляем блок Т123 и вставляем в него код
<!--СКИДКА ЗА САМОВЫВОЗ-->
<script>
document.addEventListener("DOMContentLoaded", function() {
(function () {
//Название скидки в системе
let dnDelivery = 'Самовывоз 10%';
//Название доставки в корзине
let cartNameDelivery = 'Самовывоз';
//Подпись для подсказки в корзине
let discountHint = 'Скидка за самовывоз 10%';
let discount = 0;
function unactivePickup(){
let newDiscount = [];
for (let key in discount) {
if( discount[key].name != dnDelivery ) newDiscount.push(discount[key]);
};
t_cart__discounts = newDiscount;
updateDicoutns();
};
function activePickup(){
t_cart__discounts = discount;
updateDicoutns();
};
function updateDicoutns(){
tcart__updateTotalProductsinCartObj(),tcart__reDrawTotal(),tcart__saveLocalObj();
};
setTimeout(function () {
let discountAwait = setInterval(function() {
if ( window.t_cart__discounts !== void 0 ){
clearInterval(discountAwait)
discount = t_cart__discounts;
console.log(discount);
}
}, 100);
let tcartAwait = setInterval(function() {
let elem = document.querySelector('.t706__cartwin-prodamount');
if (elem !== void 0 ){
clearInterval(tcartAwait)
let observer = new MutationObserver(mutationRecords => {
checkDelivery();
});
observer.observe(elem, {
childList: true,
subtree: true,
characterDataOldValue: true
});
}
}, 100);
}, 1000);
let pickupOn = false;
let firstOpen = true;
function checkDelivery(){
let deliveryName = document.querySelector('input.t-radio_delivery:checked');
if(deliveryName==null) {
deliveryName = 0;
}else{
deliveryName = deliveryName.value;
deliveryName = deliveryName.trim()
};
if( deliveryName==cartNameDelivery ){
setTimeout(function() {
let descr = document.querySelector('.t706__cartwin-discounts__description li');
if(descr!=null){
descr.innerText = discountHint;
};
}, 500)
if(!pickupOn){
activePickup();
pickupOn = true;
};
}else{
if(pickupOn || firstOpen){
unactivePickup();
pickupOn = false;
firstOpen = false;
};
};
};
})();
});
</script>
Внимательно читаем скрипт - там где указаны комментарии вносим свои названия!!!!! Если у вас все , как в моем примере, то вы можете спокойно все копировать. Если названия другие, то вы можете подстроить данный скрипт под себя.
Далее сохраняем проект и нажимаем ОПУБЛИКОВАТЬ! Вуаля все работает)
Я буду очень благодарна за Ваши лайки и подписки. Для меня это важно для продвижения канала! Спасибо)