Как добавить упаковку в корзину в Tilda
Подарочный набор игры ГО.
Игра Го. Go-Art.
SKU: 700.954.29
65000
₽
Купить
Игра Го. Go-Art. Подарочный набор игры го. В комплект входят:

1. Подарочный гобан с красивыми художественными миниатюрами. Рисунки "Танцующих журавлей" и "Мудрецы играют в Го" делают гобан "живым".

Игровое поле 19х19 из кацуры(сосна), толщина доски - 15см. Высота гобана с ножками 25см. Этот гобан очень красив в интерьере, сделан Российскими мастерами краснодеревщиками. Прекрасная лаковая работа и художественная роспись по лаку.

Как добавить упаковку в корзину в Tilda

1
Создали корзину
2
Создали в нёй поле - Вопрос с вариантами ответа в виде картинок
- заголовок - Выберите упаковку
- один вариант ответа (радиокнопки)
- задали ему имя typepack
- добавили 3 картинки и подписали
стандартная, подарочная, эксклюзив
- номер варианта по умолчанию - 1
3
Создали и вписали в код 2 ссылки на упаковку
#order:Упаковка - Подарочная=500:::image=https://static.tildacdn.com/tild3263-6162-4331-b134-336262386665/9f152fcd35551ac57291.jpg

#order:Упаковка - Эксклюзив=1499:::image=https://static.tildacdn.com/tild3366-3563-4736-b935-303461386133/43f56c78d8a881fec6d2.jpg
4
Добавили коды в блок Т123 в footer сайта и каталога
Библиотека для примера

<div style="display:none" class="packlink">
<a href="#order:Упаковка - Подарочная=500:::image=https://static.tildacdn.com/tild3263-6162-4331-b134-336262386665/9f152fcd35551ac57291.jpg">Упаковка - Подарочная</a>
<a href="#order:Упаковка - Эксклюзив=1499:::image=https://static.tildacdn.com/tild3366-3563-4736-b935-303461386133/43f56c78d8a881fec6d2.jpg">Упаковка - Эксклюзив</a>
</div>

<style>
div.t706__cartwin_showed { opacity: 1 !important;}
div.addpack .t706__product-plusminus , div.addpack .t706__product-del {
    opacity: 0 !important;
    pointer-events: none;
}
</style>
<script>
$(document).ready(function() {
var prName=[];
$('.packlink a').each(function (index, value){
  prName[index] = $(this).text();
});
//Устанавливает класс для упаковки среди товаров
function setpack(){
  setTimeout(function(){
    $.each(prName, function (index, value) {
     $('div.t706__product-title a:contains('+prName[index]+')').closest('.t706__product').addClass('addpack');
  });
  }, 50);  
};
//Удаляет упаковку
function delPack(){ $('div.addpack .t706__product-del').click();tcart__openCart()};
//Добавить упаковку
function contChecked(){
    var plpac = $('input[name="typepack"]:checked').parent('label').index();
     delPack();
    if(plpac==0){}else{delPack();$('.packlink a:eq('+(plpac-1)+')')[0].click();setpack();tcart__openCart(); };
}; 
//При изменении упаковки меняем товар
$("input[name='typepack']").change(function() {contChecked(); tcart__openCart(); });
//При изменении суммы в корзине
$(".t706__cartwin-prodamount").bind( 'DOMSubtreeModified',function() {   
   setpack(); var itemProd = $('.t706__product').length;
   //Если осталась в корзине только упаковка, то удаляем упаковку, закрываем корзину
    setTimeout(function(){
      if( ( $('.t706__product').length==1) && ($('.t706__product').hasClass('addpack') ) ){
        $('input[name="typepack"]:eq(0)').prop("checked", true); 
        delPack();tcart__closeCart();
      };
   }, 330);
});
//Активирует нужный выбор упаковки
 function checkItem(){ 
    setTimeout(function(){   setpack();
      $.each(prName, function (index, value) {
       if ($('div.t706__product-title a').text().indexOf(prName[index]) > -1) {
       $('input[name="typepack"]:eq('+(index+1)+')').prop("checked", true);   
       };
     });
    }, 100); 
 };  
//При добавлении товара в корзину 
$(document).on('click','a[href^="#order"]:not(.packlink a), .t706__carticon-wrapper',function(e){
    setTimeout(function(){   
       if($('.t706__cartwin').hasClass('t706__cartwin_showed')){
         checkItem(); setTimeout(function(){contChecked() }, 200); 
       };
   }, 50);     
});
//При отмене удаления товара 
$(document).on('click','.t706__product-deleted__timer__return',function(e){ setTimeout(function(){checkItem() }, 500); });
//При попытке удалении товар
$(document).on('click','.t706__product-del , .t706__product-minus',function(e){
    let readdclass = setInterval(function() {
      if (document.querySelector('.t706__product-deleted')){
        }else{   setpack(); clearInterval(readdclass);
      };
    }, 200);
    setTimeout(function(){  clearInterval(readdclass)}, 5000); 
});
});    
</script>
Made on
Tilda