How to make the Featured Product Image Clickable on the Hompage

Online Store and Theme Development
,
1

Hey Guys,

So i am currently on the Origin theme and i have multiple Featured Products.

My struggle right now is i want the Featured product image to be clickable so it will take the customer to the product page.

As of right now the only way to go to the product page is by clicking on the ‘View Full Details’ button on the bottom of the Featured Product section. But i want the customer to be able to click on the image to take them to the product page.

If anyone knows how to do this that would be awesome! Because i have been trying to figure this out for so long

2

you could achieve this by wrapping the image in an <a> tag where the href is set to the product page link (I assume the same link as the “View Full Details” button).

3

I have asked chat gpt a bunch of times and it keeps telling me to wrap the image a tag

But when i do what it tells me, i go back to my store, and the image is still not clickable
4

Are you adding the <a> tag within the featured-product.liquid file?

Similar to this:

image
image1634×770 217 KB

5

Yes chat gpt told me to put that same “a” tag and told me to wrap it around the product image code.

But it never worked

6

you must be adding it incorrectly or in the wrong spot within the file, because that should definitely do something