I would like to display the second product image as the main thumbnail when you see the product on the products or collection pages. By default, it displays the first uploaded image, but I want to display the second uploaded image as thumbnail.
I know I can reorder the images and just move the second image to the first place, and that way it would display the image I want as the thumbnail, but I dont want to do that because Im using that first image as a siblings image on color swatches, and I cannot change that color image on my theme. And thats why I want to see If I can just change the thumbnail image displayed for the second uploaded product image with maybe some code modifications.
How it is at the moment:
How I want the thumbnail to be displayed:
And how it looks when you go inside the product (first image is the airplane and second is the guy wearing the shirt, I wamt that second image to be displayed in the thumbnail):
Preview Link for the page: https://rwmbw6215ruaiczm-78365425976.shopifypreview.com
Kind Regards,
Arturo Romero