How to make Featured Product image clickable with link to product description

Technical Q&A
1

Hi Guys i have a question for all of you, hope you can help me, How do you make a Featured Product image clickable with link to product description?

Any help will be highly appreciated, thanks.

2

In order to link to a product page from the product image you need to add {{ product.url }} as a href inside the tag of the product image.

Now, to have the user land on the description part of the page you need to assign an id to the divider that holds the description. Every theme is different but it would be something like this:

<img class="product-image" alt="{{ image.alt }}" href="{{ product.url | append: "/#description" }}">

This will land you on the product’s description part of the page, if you have added an id=“description” on the container that holds the description.

https://help.shopify.com/en/themes/liquid/objects/product#product-url

1 Like
3

Is there any way to turn an ‘image with text overlay’ into a clickable image that directs them to a collection? I want my customers to be able to click anywhere on the image rather than just the button

1 Like
4

No - still waiting for a reply

1 Like
5

i need this info too, still waiting

1 Like