Как при смене sku менять фотографии?

Question

Павел Сидоров @pavel__sidorov

1С-Битрикс

Как при смене sku менять фотографии?

Использую swiper js
Фотографии вывожу из sku но для одной вариации.

Мне необходимо при выборе sku менять фотографии. Я знаю, что есть дефолтный шаблон и можно все глянуть там, но он выводит в gallery_thumbs все фотографии sku и делает display none той row , которая щас не активна. и подружить все с swiper js у меня не выходит.

может есть у кого ссылка на почитать, как люди решают данный вопрос? или могу оплатить за помощь , пишите на почту pashas0000@yandex.ru

могу выложить свой код и дефолтного шаблона, вдруг мысли какие у кого

мой код

<div class="gallery js_gallery sticky" >
				<!-- Swiper Main -->
				<div class="gallery_images js-swiper-gallery-main swiper mb-2" >

					<!-- Arrows -->
					<div class="gallery_nav">
						<div class="js-swiper-gallery-button-prev gallery_nav__arr gallery_nav__left" >
							<svg class="icon__arrow-left" width="9px" height="16px" >
								<use xlink:href="#arrow-left"></use>
							</svg>
						</div>
						<div class="js-swiper-gallery-button-next gallery_nav__arr gallery_nav__right">
							<svg class="icon__arrow-right" width="9px" height="16px">
								<use xlink:href="#arrow-right"></use>
							</svg>
						</div>
					</div>
					<!-- endArrows -->


					<!-- Start Swiper Main -->
					<div class="swiper-wrapper" >
						<?php
						if (!empty($actualItem['MORE_PHOTO']))
						{
							foreach ($actualItem['MORE_PHOTO'] as $key => $photo)
							{
						?>
						<div class="swiper-slide">
							<a  class='a-parrent <?=($key == 0 ? " active" : "")?>' data-fancybox='gallery' href="<?=$photo['SRC']?>">
								<img class="img-fluid" src="<?=$photo['SRC']?>" alt="<?=$alt?>" title="<?=$title?>" >
							</a>
						</div>
						<?php
							}
						}
						?>
					</div>
				</div>
				<!-- End Swiper Main -->


				<!-- Swiper Thumbs -->
				<div class="gallery_thumbs js-swiper-gallery-thumbs swiper">
				  <div class="swiper-wrapper">
					<?php
						foreach ($offer['MORE_PHOTO'] as $keyPhoto => $photo){
					?>
					<div class="swiper-slide">
					  <img class="img-fluid" src="<?=$photo['SRC']?>">
					</div>
					<?php
					}
					?>
				  </div>
				</div>
				<!-- End Swiper Thumbs -->
			</div>

дефолтный код

<div class="col-md">
			<div class="product-item-detail-slider-container" id="<?=$itemIds['BIG_SLIDER_ID']?>">
				<span class="product-item-detail-slider-close" data-entity="close-popup"></span>
				
				
				
				<div class="product-item-detail-slider-block
				<?=($arParams['IMAGE_RESOLUTION'] === '1by1' ? 'product-item-detail-slider-block-square' : '')?>"
					data-entity="images-slider-block">
					<span class="product-item-detail-slider-left" data-entity="slider-control-left" style="display: none;"></span>
					<span class="product-item-detail-slider-right" data-entity="slider-control-right" style="display: none;"></span>

					<div class="product-item-detail-slider-images-container 11" data-entity="images-container">
						<?php
						if (!empty($actualItem['MORE_PHOTO']))
						{
							foreach ($actualItem['MORE_PHOTO'] as $key => $photo)
							{
								?>
								<div class="product-item-detail-slider-image<?=($key == 0 ? ' active' : '')?>" data-entity="image" data-id="<?=$photo['ID']?>">
									<img src="<?=$photo['SRC']?>" alt="<?=$alt?>" title="<?=$title?>"<?=($key == 0 ? ' itemprop="image"' : '')?>>
								</div>
								<?php
							}
						}
						?>
					</div>
				</div>
				<?php
				if ($showSliderControls)
				{
					if ($haveOffers)
					{
						foreach ($arResult['OFFERS'] as $keyOffer => $offer)
						{
							if (!isset($offer['MORE_PHOTO_COUNT']) || $offer['MORE_PHOTO_COUNT'] <= 0)
								continue;

							$strVisible = $arResult['OFFERS_SELECTED'] == $keyOffer ? '' : 'none';
							?>
							<div class="product-item-detail-slider-controls-block 22" id="<?=$itemIds['SLIDER_CONT_OF_ID'].$offer['ID']?>" style="display: <?=$strVisible?>;">
								<?php
								foreach ($offer['MORE_PHOTO'] as $keyPhoto => $photo)
								{
									?>
									<div class="product-item-detail-slider-controls-image<?=($keyPhoto == 0 ? ' active' : '')?>"
										data-entity="slider-control" data-value="<?=$offer['ID'].'_'.$photo['ID']?>">
										<img src="<?=$photo['SRC']?>">
									</div>
									<?php
								}
								?>
							</div>
							<?php
						}
					}
						?>
						<?php
				}
				?>
			</div>
		</div>