Link "featured product" image & title to product page

Store Design
1

Hello,

On my homepage, I am looking to link my “featured product” block image & title to its own product page.

I am using SENSE theme.

Here is my website link - https://fuzzyboss.com

Thank you

2

Hi @Skittles ,

are you referring to this title?

2022-07-17 14_58_31-Fuzzy Boss _ Treat Now, Save Later.jpg
2022-07-17 14_58_31-Fuzzy Boss _ Treat Now, Save Later.jpg1102×636 58.3 KB

You can modify the file featured-product.liquid

Search for div block product__info-wrapper inside the when condition for title at line 90 in Sense 4.0 you need to wrap the title in HTML tag.

Look at my code here:

{%- when 'title' -%}
              
                ## 
                  {%- if product.title != blank -%}
                    {{ product.title | escape }}
                  {%- else -%}
                    {{ 'onboarding.product_title' | t }}
                  {%- endif -%}

I added a reference to product URL. I also added a specific class product__title-href because your probably are going to remove the hyperlink underline.

In this case you can add this CSS code at the end of file section-main-product.css

a.product__title-href {
    text-decoration: none;
}
3 Likes
3

Thank you very much for taking the time to help with this.
Have a good day!

4

I originally made a mistake inputting the code but have since fixed it. I apologize for the tag.

and again, thank you for your help.

5

How about linking the image?

6

Absolutely brilliant thank you :folded_hands:

7

Is it possible to isolate the product title only for the link. My quantity selector and variant picker are also affected by this code