How to show alternative image on featured collection only

Store Design
1

Hey everyone!

Really need help with html on the new Dawn template. I am rebuilding my website and all my product images are 16:9. On the homepage only, I would like to have alternative images that works better for a 1:1 (square) ratio better on the “featured collection” section only. I am not really sure how to edit the html so that it selects a different image specifically on the feature collection part.

The template gives an option to change to square which I have already setup but it takes the main 16:9 image and crops it to square which doesnt look good, so is there a way for me to edit the code so it shows a different image?

I believe this is the html section where it chooses an image but I am not sure. This is from the product.card.liquid.


  
    {{ product_card_product.title | escape }}

    

      

        {%- if product_card_product.featured_media -%}
          {%- liquid
            assign featured_media_aspect_ratio = product_card_product.featured_media.aspect_ratio

            if product_card_product.featured_media.aspect_ratio == nil
              assign featured_media_aspect_ratio = 1
            endif
          -%}

          

        {%- else -%}
          ## {{ product_card_product.title }}

        {%- endif -%}

        
          {%- if product_card_product.available == false -%}
            {{ 'products.product.sold_out' | t }}
          {%- elsif product_card_product.compare_at_price > product_card_product.price and product_card_product.available -%}
            {{ 'products.product.on_sale' | t }}
          {%- endif -%}