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

Модификатор добавляет фотографии в корзину, можно использовать для демонстрации упаковки
Инструкция по настройке
Шаблон страницы
Как добавить шаблон
54478369
Для корректной работы модификаций подключите библиотеку jQuery:
Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
jQuery
1 шаг
  1. Копируем в него код
Добавляем блок T123 в общий футер или на все страницы, где используется корзина
Скопировать код (стандартная корзина)
Скопировать код (в несколько этапов)
Создаем Zero Block и открываем редактор
  1. Добавляем html-элемент
  2. Задаем ему ширину 1160px, высоту 500px
  3. Вставляем в него код для html-элемента из генератора
2 шаг
В коде заменяем ссылки на изображения
3 шаг
<!-- SH08 - Модификация для Тильды. Добавляем фотографии в стандартную корзину (в 1 шаг) https://mod.tistols.com/fotografii-v-korzine -->
<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>
<!-- SH08 - Модификация для Тильды. Добавляем фотографии в стандартную корзину (в несколько этапов) https://mod.tistols.com/fotografii-v-korzine -->
<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>
Больше модификаций доступно по подписке
Полный доступ к 60+ модификациям
Обновления библиотеки
Оповещения о новых модификациях
Техподдержка в чате
Поддержка модов при изменениях в Tilda
Модуль подарочные карты тариф Lite на месяц
Помощь в доработке модификации
Поддержка модов при изменениях в Tilda
Техподдержка в чате
Модуль smsmod.ru на месяц
Сертификат на разработку 1 модификаций
Модуль подарочные карты тариф Lite на месяц
Оповещения о новых модификациях
Обновления библиотеки
Полный доступ к 60+ модификациям
Оповещения о новых модификациях
Обновления библиотеки
Полный доступ к 14+ модификациям
  • Открытый код и текстовые инструкции
  • Пошаговые видеоинструкции
  • Готовые шаблоны (страницы)
Free
0 руб.
Месяц
Год
Pro
500 руб.
Club
2 500 руб.
Месяц
Год
  • Открытый код и текстовые инструкции
  • Пошаговые видеоинструкции
  • Готовые шаблоны (страницы)
  • Модификации будут работать в проектах после истечения подписки
  • Открытый код и текстовые инструкции
  • Пошаговые видеоинструкции
  • Готовые шаблоны (страницы)
  • Модификации будут работать в проектах после истечения подписки
Доступ к ИИ-боту @tistolsaibot на месяц
Полный доступ к 55+ модификациям
Обновления библиотеки
Оповещения о новых модификациях
Техподдержка в чате
Поддержка модов при изменениях в Tilda
Модуль подарочные карты тариф Lite на месяц
Доступ к ИИ-боту @tistolsaibot на год
Помощь в доработке модификации
Поддержка модов при изменениях в Tilda
Техподдержка в чате
Модуль smsmod.ru на год
Сертификат на разработку 3 модификаций
Модуль подарочные карты тариф Pro на месяц
Оповещения о новых модификациях
Обновления библиотеки
Полный доступ к 55+ модификациям
Оповещения о новых модификациях
Обновления библиотеки
Полный доступ к 14+ модификациям
  • Открытый код и текстовые инструкции
  • Пошаговые видеоинструкции
  • Готовые шаблоны (страницы)
Free
0 руб.
Месяц
Год
Pro
3 000 руб.
-50%
Club
18 000 руб.
-40%
Месяц
Год
  • Открытый код и текстовые инструкции
  • Пошаговые видеоинструкции
  • Готовые шаблоны (страницы)
  • Модификации будут работать в проектах после истечения подписки
  • Открытый код и текстовые инструкции
  • Пошаговые видеоинструкции
  • Готовые шаблоны (страницы)
  • Модификации будут работать в проектах после истечения подписки
Вам также может быть интересно: