<style>
/*Делаем фильтр для фотографий из табов с размером*/
.t-slds__arrow_container {
display: none
}
.sky{
position: absolute!important;
left:-5000px;
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple {
border-radius: 10px
}
</style>
<script>
$(function(){
var count = 0;
// Количество миниатюр для каждого размера
var XS = 5;
var S = 4;
var M = 6;
var L = 4;
// Присваиваем data-filter каждому слайду
var prodTimer = setInterval(function(){
var prodSlides = $('.t-slds .t-slds__thumbsbullet');
if(prodSlides.length > 1) {
clearInterval(prodTimer);
console.log('Gal init ready!');
prodSlides.each(function(){
$(this).attr('data-filter', count);
count++;
});
}
// Инициализация - показываем миниатюры для первого значения ('XS')
showThumbnails(0, XS);
}, 500);
// Функция для показа миниатюр на основе выбранного диапазона
function showThumbnails(start, end) {
var prodSlides = $('.t-slds .t-slds__thumbsbullet');
prodSlides.addClass('sky'); // Скрываем все миниатюры
prodSlides.each(function(){
var filterValue = parseInt($(this).attr('data-filter'), 10);
if(filterValue >= start && filterValue < end) {
$(this).removeClass('sky'); // Показываем только нужные
}
});
}
// Обработка смены радиокнопок для выбора размера
$(document).on('change', '.uc-single-prod [name="Размер"]', function(){
var val = $('.uc-single-prod [name="Размер"]:checked').val();
console.log(val);
switch (val) {
case 'XS':
showThumbnails(0, XS);
$('.uc-single-prod .t-slds .t-slds__thumbsbullet').not('.sky').first().click()
break;
case 'S':
showThumbnails(XS, XS + S);
$('.uc-single-prod .t-slds .t-slds__thumbsbullet').not('.sky').first().click()
break;
case 'M':
showThumbnails(XS + S, XS + S + M);
$('.uc-single-prod .t-slds .t-slds__thumbsbullet').not('.sky').first().click()
break;
case 'L':
showThumbnails(XS + S + M, XS + S + M + L);
$('.uc-single-prod .t-slds .t-slds__thumbsbullet').not('.sky').first().click()
break;
default:
$('.uc-single-prod .t-slds .t-slds__thumbsbullet').show(); // Показываем все, если выбран неизвестный размер на всякий случай
}
});
});
</script>