Products showing first variant photo instead of default photo

Topic summary

A user reports that products with variants in the Sense theme display the first variant’s image instead of the default product image when clicked. This occurs because the theme automatically selects the first variant to show pricing.

Proposed Solution:
One respondent suggests modifying the theme code by:

  • Navigating to Online Store > Themes > Edit Code
  • Locating product-template.liquid in the Sections folder
  • Replacing {% assign featured_image = product.selected_or_first_available_variant.featured_image %} with {% assign featured_image = product.featured_image %}

Current Status:
The original poster attempted this fix but reported it didn’t work (included a screenshot showing the code location). Multiple subsequent users have commented seeking the same solution, including users on the Dawn theme, indicating this is a widespread issue.

Unresolved: No working solution has been confirmed. The discussion remains open with at least 7 additional users requesting help.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hello,

I am using the Sense theme and for any products that has variants, when i click on the product it shows the first variant photo rather than the first default photo. I understand that this is because the website selects the first variant so a price is shown, but is it possible to not have it do this? I would prefer the default image to show up first.

Here is link to my preview website: https://x7az19nr2rjip282-75479515445.shopifypreview.com

Hello @eloisewood22

it is possible to change the behavior of the Sense theme so that the default image is displayed instead of the first variant image. Here’s how you can do it:

  1. Log in to your Shopify admin panel and go to Online Store > Themes.

  2. Click on the Actions dropdown menu for the Sense theme and select Edit Code.

  3. In the left-hand sidebar, click on the Sections folder and then click on product-template.liquid.

  4. Scroll down until you see the code that starts with {% assign featured_image = product.selected_or_first_available_variant.featured_image %}.

  5. Replace this code with {% assign featured_image = product.featured_image %}.

  6. Save the changes and preview your website to confirm that the default image is now displayed first.

Note: This change may cause issues with products that have variants with different images. If you have such products, you may need to add code to ensure that the correct variant image is displayed.

Hello, I found this and tried replacing it but it did not work. Any advice?

Hello

Did you find out how to do this?

2 Likes

Also need to solve this issue

2 Likes

Have you found a solution to this?

I need help with this same issue I am using the Dawn theme

Same this issue. Need help asap

also need a fix!