<style>
/*Стиль для иконки*/
.hovercolor , .sizeicon{
   transition: .3s linear;    
} 
.activecolor {
    border-color: #000 !important;
}


.activesize {
    background-color: #000;
    color: #fff !important;
}


.percost{pointer-events:none}
div[data-record-type="744"]{ display:none;}
.t706__product-imgdiv {
    background-repeat: no-repeat;
    background-size: contain !important;
    background-color: #f9f9f9 !important;
}
.blksenddtn{
    opacity:0.5;
    pointer-events:none;   
}
.prodimg{
    transition: all 0.9s ease;   
   }
.notshow{
    transform: scale(0) rotate(0deg);
   }
.show{
    transform: scale(1) rotate(1440deg);   
   }
</style> <script>
$( document ).ready(function() {
$('#rec839400526').addClass('custCard');
var urlprodimg=0;var Ncolor=0;Scolor=0;
//Присваиваем классы нашим элементам  
$('a[href^= "#coloricon"]').addClass('hovercolor');
$('a[href = "#colortext"]').addClass('colortext');
$('a[href^="#sizeicon"]').addClass('sizeicon');
$('a[href = "#percost"]').addClass('percost');
$('a[href="#sendtocart"]').addClass('sendtocart');

$('a[href="#coloricon_1"]').addClass('activecolor');
$('a[href="#sizeicon_1"]').addClass('activesize');
 
$('.t744 .t-slds__bgimg').each(function( index, element ) {
$(this).attr('src', $(this).attr('data-original')); });
var btnCaption=$('.sendtocart').text();
 
 
var posSld = {
/*Фото-1*/  '1': [{'pos':1,"s":5000,"o":1}],
/*Фото-2*/  '2': [{'pos':2,"s":5000,"o":1}],
/*Фото-3*/  '3': [{'pos':3,"s":3000,"o":1}],
/*Фото-4*/  '4': [{'pos':4,"s":5000,"o":1}],
/*Фото-5*/  '5': [{'pos':5,"s":5000,"o":1}],

 

};
 
//Показ фото и передача ссылки
function changeSldPh(){
  var actnewBlk = String(Ncolor);
 
if (typeof(posSld[actnewBlk]) !== "undefined") {
 
  if(posSld[actnewBlk][0]['o']==0){$('.sendtocart').addClass('blksenddtn').text('Нет в наличии');
  }else{  $('.sendtocart').removeClass('blksenddtn').text(btnCaption)};
   
   $('.custCard .t-slds__bullet[data-slide-bullet-for="'+posSld[actnewBlk][0]['pos']+'"]').click();
   $('.percost').text(posSld[actnewBlk][0]['s']+'р.');
   $('.t744__price-value').html(posSld[actnewBlk][0]['s']);
   var bg_imgSld = $('.custCard .t-slds__item_active .tn-atom__slds-img').css('background-image').replace(/^url\(['"](.+)['"]\)/, '$1');
   $('.t744 .t-slds__bgimg').css('background-image', 'url('+bg_imgSld+')');
   $('.t744 .t-slds__bgimg').attr('data-original', bg_imgSld);
}else{$('.sendtocart').addClass('blksenddtn').text('Нет в наличии')};
}; 
 
let colorName = 'белый';
 
$( ".hovercolor" ).click(function(e) {e.preventDefault();
    Ncolor = $(this).attr('href');
    Ncolor = +Ncolor.split('_')[1];
    $( ".hovercolor" ).removeClass('activecolor');$(this).addClass('activecolor');
  switch (true) {
    case Ncolor == 1 :  $('.colortext').text('ФУТБОЛКА').css('color','#131415');  break;
    case Ncolor == 2 :  $('.colortext').text('ФУТБОЛКА').css('color','#131415');  break;
    case Ncolor == 3 :  $('.colortext').text('ФУТБОЛКА').css('color','#131415');  break;
    case Ncolor == 4 :  $('.colortext').text('ЛОНГСЛИВ').css('color','#131415');  break;
    case Ncolor == 5 :  $('.colortext').text('ЛОНГСЛИВ').css('color','#131415');  break;
    
    };
    
    if(Ncolor==1) colorName = 'белый';
    if(Ncolor==2) colorName = 'серый';
    if(Ncolor==3) colorName = 'синий';
    if(Ncolor==4) colorName = 'красный';
    if(Ncolor==5) colorName = 'жёлтый';
    
    

changeSldPh();

});

$( ".sizeicon" ).click(function(e)  {e.preventDefault();

    Scolor = $(this).attr('href');
    Scolor = +Scolor.split('_')[1];
   
   
   $( ".sizeicon" ).removeClass('activesize');
   
   $(this).addClass('activesize'); changeSldPh();
});  
//При клике на нашу кнопку
  $('a[href="#sendtocart"]').click(function(event) {
  event.preventDefault();
//Присваиваем значения из калькулятора для блока ST200
    $('.t744__title').text( $('.colortext').text() );
    $('.t744 select:eq(0) option:selected').val($('.activesize').text());//размер
    $('.t744 select:eq(1) option:selected').val(colorName);//цвет
  setTimeout(function() {  $(".t744__btn")[0].click(); }, 100);  return false;
});
});    
</script> 

<!--ПОКАЗ БЛОКОВ ОТ ТИПА OS (iOs-Android)-->

<script>

(function () {

    function getMobileOperatingSystem() {
        let userAgent = navigator.userAgent || navigator.vendor || window.opera;
        if (/windows phone/i.test(userAgent)) {
            return "Windows Phone";
        }
        if (/android/i.test(userAgent)) {
            return "Android";
        }
        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
            return "iOS";
        }
        return "unknown";
    };
    
    
    const androidBloks = document.querySelectorAll('.uc-android');
    const iosBloks = document.querySelectorAll('.uc-ios');
    
    
    const os =  getMobileOperatingSystem();
    
    if(os=='Android'){
        iosBloks.forEach(function (el, index) {
            el.classList.add('mobile-hide');
        });    
    };
    
    if(os=='iOS'){
        androidBloks.forEach(function (el, index) {
            el.classList.add('mobile-hide');
        });   
    };
    
    

})();  



</script>

<style>
.mobile-hide {
    display: none !important;
}
</style>