On the Streamline theme.
Link to main store: https://store.punchcut.com/
We have custom featured images for all of our products with a gradient background. They display well in the collection / catalog page but when you click into an individual product, it jumps to the second image rather than displaying our custom mockup image first. Is there a setting to adjust so it lands on the first image instead? Cannot locate where this would be done.
Hi @ashleypunch ,
I checked and it still shows gradient image when go to product page. Did you test on another device?
Hi @LitCommerce - I actually figured out how to manually fix the issue by changing the photo of the first variant but forgot to update my post. I’d like to find a way that doesn’t require us to do it manually. I reached out to the theme designer and received a response but haven’t been able to try it yet.
I’ve found two solutions:
Manual solution - Go into the variants of each product and adjust the image of the first variant to be your featured / custom image.
Code-based solution - (thanks to the support team at Archetype) -
Open up theme editor, click the overflow menu and then click Edit code. You’ll be looking for the product-images.liquid file in your Snippets folder.
Delete this line of code:
And add this instead on Line 20:
{% if product.selected_variant %}> {%- assign featured_media = current_variant.featured_media | default: product.featured_media -%}> {% else %}> {%- assign featured_media = product.featured_media -%}> {% endif %}
This solution is not helping with the Effortless theme. I thought the display image should be automatically the first. what is going on? This is bad for selling.
This solution not working for Dawn theme. There is no product-images-liquid. I also cannot change the product variant image on products that do not have variants but only front and back views - like coffee mugs. All my variants are set to the same picture as the featured image and it still skipping to the second image. It is also showing the second image on my Facebook shop as the featured image. There must be a fix in the Dawn theme code.
