Product titles lead to home page after clicking, how do I fix this to lead to product page?

Shopify Discussion

Topic summary

A Shopify store owner reports that clicking product titles on collection pages redirects users to the homepage, while clicking product images correctly navigates to product pages.

Attempted Fix:

  • Modified collection.liquid by changing a href="/" to a href="{{ product.url }}" without success

Suggested Solutions:

Solution 1: Edit snippets/product-card.liquid to wrap product titles with proper product URL links using {{ product.url }}

Solution 2: Request collaborator access to directly inspect and fix the product card code

Current Status:

  • The store owner found product-card-grid.liquid and product-card-list.liquid files but neither contains the exact code mentioned in the first solution
  • Located a breadcrumb link with href="/" but unsure if it’s related to the issue
  • Unable to grant collaborator access
  • Issue remains unresolved and awaiting alternative troubleshooting approaches
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hello, when your scrolling through the products under the collection pages, EX: Youth Apparel, Mugs, Stickers; and you click on an items title to view it, it leads the user back to the home page. But, if one was to click the products picture, it does lead them to the product page. How to a fix this to where both, the title/description & the picture, lead you to the product page. Our sites link is: https://spacetrader.shop/

https://spacetrader.shop/collections/patches here is a link for you to visually see the issue, try clicking on any products title, then try clicking on any products picture.

I have already tried the following:
In the “collection.liquid” I found ‘a href=“/”’ and changed it to ‘a href="{{ product.url }}’, but that did not do the trick.

Any other suggestions?
Thank you.

1 Like
2

Hi @Spacetraders ,

Go to Online Store > Themes > Edit Code.

Find this file: snippets/product-card.liquid (or similar).

Look for

 {{ product.title }}

Replace it with:

 {{ product.title }}

Save and refresh your site.

3

Hi @Spacetraders

This is the issue with the code of your product card, you will need to correct the code of the collection liquid file to solve it. If you don’t mind, please share collab request code so I can check and solve it for you.

4

Hi thank you for replying. I’m not the greatest at this so I apologize in advance. In the snippets section, I have “product-card-grid.liquid” & “product-card-list.liquid”. Neither of them have the code you mentioned. Those are the only 2 that mention product card throughout all sections. Any other suggestions?

Although I did find: " {{ ‘general.breadcrumbs.home’ | t }} "

this was the only line that I could find that mentions <a href=“/”

Not sure if this even relates to the issue.

5

I am unable to share this I apologize, but if you have any suggestions I would greatly appreciate it.