Thumbnail image is different than the default image showing in the product page

In catalog there is a thumbnail image showing next to a each product, however, this image is different than the one showing when going into the product page. The image needs to be same as showing in the thumbnail.

How can I change the default image showing up in the product?

I tried reordering the image in the ‘Media’ section, but there the main image showing correctly, but on the site it is still showing a different image.

I’m using the theme Refresh, I find this article: https://help.shopify.com/en/manual/online-store/themes/theme-structure/theme-settings but it doesn’t applicable to Refresh.

I was able to recreated the issue. I see exactly why it is doing it I just need to find where it is in the code to make the changes. I will be back with more info.

Hi @nesa ,

Here’s what you can do:

  1. Check Theme Customizations:

    • Go to your Shopify admin, click on ‘Online Store’, and then ‘Themes’.
    • Find your Refresh theme and click ‘Customize’.
    • Look for sections or settings related to product images or thumbnails. Themes often have settings that control how images are displayed on both the product page and in collections/catalogs.
  2. Set the Featured Image:

    • For each product, ensure that the image you want to display as the thumbnail is set as the ‘featured image’.
    • In the product’s ‘Media’ section, the first image is typically set as the default or featured image. However, theme-specific settings might override this.- temporarily disable them to test if they’re affecting your images.
  3. Consult the Theme Documentation or Support:

    • Since the general Shopify help article didn’t provide a solution, check if the Refresh theme has its own documentation. Theme developers often provide specific guides or support for their themes.
    • If available, contact the theme developer or support team for assistance. They might provide specific instructions for their theme or even offer to make the necessary adjustments for you.
  4. Edit Theme Code (Advanced):

    • If you’re comfortable with coding, you can look into the theme’s code to see how images are handled.
    • Go to ‘Themes’ > ‘Actions’ > ‘Edit code’. Be cautious with this approach, as improper edits can disrupt your store’s functionality. If unsure, it’s best to consult with a professional developer.
  5. Testing on Another Theme:

    • Temporarily switch to another theme to see if the issue persists. This can help you determine whether the problem is theme-specific.
  6. Upload Images Again:

    • In rare cases, re-uploading the images might resolve any glitches causing the wrong image to display.

If none of these steps work, it might be a specific issue with the Refresh theme or a deeper technical problem with your Shopify setup. In such cases, seeking help from Shopify support or a professional Shopify developer is recommended. They can provide more targeted assistance, especially if it involves theme-specific nuances or coding.

Hope it helps!

Thank you!

Hi @beauxbreaux

Do you have any update about this issue?

Hi @Loloyal-Isabel

Thank you for your answer, but it doesn’t really help.

Any other suggestions?

Hi Nesa, Were you ever able to resolve this? I have been encountering the same issue