Link image and title on home page to a product

Topic summary

Goal: Make the homepage product image and title for “Peeling Handschuh” link to its product page (https://taneraskin.com/products/peeling-handschuh).

Proposed approach: Edit the Shopify theme’s Liquid template, specifically the featured-product.liquid section. The guidance points to Online Store > Theme > Edit Code > Sections > featured-product.liquid and modifying the ‘title’ rendering logic (intended to wrap the title—and likely the image—in a link).

Outcome so far: The shared code change did not work; implementing it caused the product title to disappear. The exact anchor/link markup isn’t clearly shown in the provided snippet.

Current status: Unresolved/ongoing. The helper asked the user to reapply the change so they can investigate further.

Notes:

  • This is a Liquid theme edit (Shopify’s templating language), not a pure CSS change.
  • Key open question: the correct Liquid markup to wrap both the title and the image with an anchor pointing to the product URL.
  • Images/screenshots were included; the code snippet and template location are central to the fix.
Summarized with AI on December 25. AI used: gpt-5.

Hi there,

I would like to link the title and image of my product “Peeling Handschuh” on my website www.taneraskin.com to the page https://taneraskin.com/products/peeling-handschuh .

In this section: So that when you click on the title or image, it leads you to the product.

What code do I have to add and where?

Thank you for your help.

Best regards,

Isabelle

@isabellemaria

For this purpose you need to customize the theme files like featured-product.liquid like something i did below.

Online Store > Theme Edit > Edit Code > Section > featured-product.liquid

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

////////////////to this

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

1 Like

Hi there,

I tried it but it doesn’t work… It just makes the product title disappear…

please add again and let me know i will figure it out.