product page video taking priority over other product images

[momsabhiruchi]

Hi team, i have comeup with one more issue. in my product media ordering, i have kept my product video at the end, but still when i am clicking my product image in the collection page, video is playing first. i want the image to be displayed first. can any one please help me to solve this.

here is my sotre preview link :

https://asmoamnkyhui54rt-67593830638.shopifypreview.com

looking forward to the solution.

thank you

[Rony_ShopiDevs]

Hi,

Please add below js code on your theme js file end line then product image will display instead of video.

<script>
document.addEventListener("DOMContentLoaded", function() {
  var mainImage = document.getElementById('Thumbnail-template--19103719784686__main-1');
  var container = document.querySelector(".product-media-container .deferred-media");

  if (mainImage && container) {
    container.innerHTML = "";
    var clonedImage = mainImage.cloneNode(true);
    container.appendChild(clonedImage);
  }
});
</script>

[momsabhiruchi]

Hi , Thank you so much for quick reply. I tried adding the above code, but still it didnot work. not sure exactly what happened. earlier it was working normally according to the media arrangement done . but suddenly its behavior has changed and video is playing first. kindly help me solve this issue. TIA

[Rony_ShopiDevs]

Hi,

Please send your store URL again. your old store URL( https://asmoamnkyhui54rt-67593830638.shopifypreview.com ) are not working now.

I was on vacation. Thanks