How to make the image on Featured Product clickable?

Hello! I haven’t been able to figure out how to make the image on my featured product on my home page clickable.

I found a video that showed how to edit the code to make the title clickable so I’m happy about that. However, when it comes to the image of this featured product, the image will just zoom in and I would like for it instead to link to the full product listing itself.

I see that I should be making the edits in the section “featured-product.liquid”, but there are 1527 lines of code in this section, and I want to make sure I am replacing the right parts of this code to make this change.

I would truly appreciate any advice or how to edit my code to make the image clickable. And I am using Dawn 15.0.0!

Hello, thank you so much for replying! Unfortunately I don’t see an “img src” line in (sections/featured-product.liquid). I pasted what I see in this section below. Would we be able to make the change on this set of code? And which lines would we need to replace?

{%- if section.settings.product != blank -%}

{% render ‘product-media-gallery’, product: product, variant_images: variant_images, limit: 1 %}

{%- else -%}

<div

class=“product-media-container global-media-settings gradient{% if section.settings.constrain_to_viewport %} constrain-height{% endif %}”

style=“–ratio: 1.0; --preview-ratio: 1.0;”

{{ ‘product-apparel-1’ | placeholder_svg_tag: ‘placeholder-svg’ }}

{%- endif -%}

<section

id=“ProductInfo-{{ section.id }}”

class=“product__info-container”

data-section=“{{ section.id }}”

data-url=“{{ product.url }}”

It didn’t work :disappointed_face: When I replaced product.url to the actual link to the product, that also didn’t work.