How to Make Featured Product Image and Title Clickable (Craft Theme)

Store Design
,

Topic summary

A user seeks to make both the featured product image and title clickable in the Craft theme without underlining the title link.

Solutions Provided:

  • JavaScript approach: Add code to theme.liquid file before the </body> tag to make images clickable
  • CSS approach: Modify base.css file with options to:
    • Remove underline on hover
    • Disable click on title only
    • Combine both effects

Current Status:

The JavaScript solution initially worked for one product but not others. An updated code snippet was provided and successfully resolved the issue for the original poster.

Ongoing Issues:

  • One user reports the code causes mobile zoom crashes or page refreshes when zooming on product photos
  • Another user experiences browser back-button navigation problems: clicking back goes to an enlarged image view instead of the previous page, suggesting a redirect rather than a direct link

Both issues remain unresolved, with suggestions to create separate posts for troubleshooting.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
2

Hi @l1kim

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka