Please note that some of the changes recommended in this guide involve making direct changes to the theme code. If you encounter difficulties with this, please contact a third-party developer for more troubleshooting, customization, or functionality.
When products have variants, the image of the first available variant is displayed by default when the product page loads. You can change this to show the first product image by adjusting the theme code. Navigate to Online store > Themes, click ... on your copy of your theme, and then click Edit code.
You’ll be looking for the product-images.liquid file in your snippets folder and search for the following code:
assign featured_media = product.selected_or_first_available_variant.featured_media | default: product.featured_media
Then change the code to:
assign featured_media = product.featured_media