Добавляем фотографии в стандартную корзину

Модификатор добавляет фотографии в корзину, можно использовать для демонстрации упаковки

jQuery
Код скопирован!
Скопировать код (стандартная корзина)
Код скопирован!
Скопировать код (стандартная корзина)
Для корректной работы блоков подключите библиотеку jQuery:
Инструкция с подключением кода
Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
  1. Копируем в него код
Шаг 2
Создаем Zero Block и открываем редактор
  1. Добавляем html-элемент
  2. Задаем ему ширину 1160px, высоту 500px
  3. Вставляем в него код для html-элемента из генератора
Шаг 3
В коде заменяем ссылки на изображения
  1. В коде заменяем ссылки на изображения
  2. Корректируем названия sale и star на ваши
Шаг 1
Добавляем блок T123 в общий футер или на все страницы, где используется корзина
<style>
.present {
display: flex;
gap: 10px;
margin: 20px 0
}
.primg {
width: 50%;
border-radius: 10px
}
/*всплывашка в корзине*/
.t-form__successbox {
text-align: center;
background: #fff;
color: #62c584;
padding: 20px;
border:1px solid #62c584;
border-radius:20px;
}
</style>
<script>
$(function(){
$('.t706__sidebar-bottom').add('.t706__cartpage-prodamount').after('<div class="present"><img class="primg" src="https://static.tildacdn.com/tild3134-3962-4538-b861-366432303237/pexels-shkrabaanthon.jpg"><img class="primg" src="https://static.tildacdn.com/tild6536-3933-4464-b238-353135376439/pexels-taryn-elliott.jpg"></div>')

// Сохраняем оригинальную функцию в переменную, но делаем это до её переопределения
var originalTcartOpenCart = window.tcart__openCart;

// Переопределяем функцию
window.tcart__openCart = function() {
// Вызываем оригинальную функцию
if (typeof originalTcartOpenCart === 'function') {
originalTcartOpenCart();



};
}

// Выполняем дополнительное действие
console.log("Дополнительное действие выполнено!");
$('[href="#order"]').click(function(){
if($('.present').length === 0){
$('.t706__orderform ').after('<div class="present"><img class="primg" src="https://static.tildacdn.com/tild3134-3962-4538-b861-366432303237/pexels-shkrabaanthon.jpg"><img class="primg" src="https://static.tildacdn.com/tild6536-3933-4464-b238-353135376439/pexels-taryn-elliott.jpg"></div>')
}
})

})
</script>
<style>
.present {
display: flex;
gap: 10px;
margin: 20px 0
}
.primg {
width: 50%;
border-radius: 10px
}
/*всплывашка в корзине*/
.t-form__successbox {
text-align: center;
background: #fff;
color: #62c584;
padding: 20px;
border:1px solid #62c584;
border-radius:20px;
}
</style>
<script>
$(function(){
$('.t706__sidebar-bottom').add('.t706__cartpage-prodamount').add('.t706__cartpage-info-wrapper').add('.t706__cartwin-products').after('<div class="present"><img class="primg" src="https://static.tildacdn.com/tild3134-3962-4538-b861-366432303237/pexels-shkrabaanthon.jpg"><img class="primg" src="https://static.tildacdn.com/tild6536-3933-4464-b238-353135376439/pexels-taryn-elliott.jpg"></div>')

// Сохраняем оригинальную функцию в переменную, но делаем это до её переопределения
var originalTcartOpenCart = window.tcart__openCart;

// Переопределяем функцию
window.tcart__openCart = function() {
// Вызываем оригинальную функцию
if (typeof originalTcartOpenCart === 'function') {
originalTcartOpenCart();
}

// Выполняем дополнительное действие
console.log("Дополнительное действие выполнено!");
if($('.present').length === 0){
$('.t706__cartwin-products').after('<div class="present"><img class="primg" src="https://static.tildacdn.com/tild3134-3962-4538-b861-366432303237/pexels-shkrabaanthon.jpg"><img class="primg" src="https://static.tildacdn.com/tild6536-3933-4464-b238-353135376439/pexels-taryn-elliott.jpg"></div>')
}

};


})
</script>
Шаблон страницы
Код скопирован!
70352337
Нажми, чтобы скопировать номер
Текст скопирован в буфер обмена!
Текст скопирован в буфер обмена!
Текст скопирован в буфер обмена!
Вам также может быть интересно:
Подпишитесь на наши обновления в телеграм