Show Sale Variant Color First in Sale Collection Grid

Store Design
, , ,
1

Hi,

I want to use some code that will show a sale variant image as the first image on the product grid on the Sale Collection. This is on Impulse theme and is currently unpublished.

I was playing around with something similar to this but the issue is it assigns the last image which isn’t always the case for sale.

<div class="collection-grid-item__image-container" style="padding-top: 146.6%;">  {% assign featured_image = product.featured_image %}
  {% if collection.title contains "Sale" %}
    {% assign featured_image = product.images.last %}
  {% endif %}
2

Hello, @chels_grove

I think you should change the last to first in the code

AnneLuo_0-1712796800553.png
AnneLuo_0-1712796800553.png1128×135 4.35 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

3

First would then show the first variant image which might not necessarily
be the one on sale so I don’t think that would work but thank you for
responding!