Skip to main content
All CollectionsThemeTheme PagesProduct Pages
How to Show Feature Image on the Product Page?
How to Show Feature Image on the Product Page?

A guide on how to show feature image on the product page

Taynara Barboza avatar
Written by Taynara Barboza
Updated over a week ago

By default, when navigating to the product page, the first image that appears is the first selected variant image. This might not always be the best representation of your product, especially if you have general images that provide a more comprehensive view.

For instance, you may have a general detailed image of your product and then the variant images. You might want one of these general images to be the first one customers see when they visit your product page.

Note: The first image set in the product image gallery will be the one displayed as the featured image.

To set a different image as the featured image instead of the variant image, follow these steps:


How to Change the Featured Image on the Product Page?

STEP 1

  • Navigate to the Themes of your Shopify admin dashboard.

  • Select the desired theme by clicking on the actions (three-dot button). To access the code editor, click Edit Code.


โ€‹STEP 2
Search for the product-template.liquid file.

Step 3: Find the following code:

assign featured_media = current_variant.featured_media | default: product.featured_media

And change it to the following code:

assign featured_media = product.featured_media

STEP 4

Click Save to apply the changes.

Did this answer your question?