Article Intro Image as Read more link

bockey Joomla Fixes 12 April 2025 Hits: 220

Here's how to link the article intro images, on a category blog page for example, to its article like the article title or "Read more" links.

Copy

JOOMLA-ROOT/layouts/joomla/content/intro_image.php

to

JOOMLA-ROOT/templates/<YOUR_TEMPLATE>/html/layouts/joomla/content/intro_image.php

You may have to create some or all of the folders—html, layouts, joomla, and content—inside your template folder. Then simply control-drag intro_image.php into that folder.

Then, edit the code in that new override file by wrapping the image tag with:

 <a href="/<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($displayData->slug, $displayData->catid)); ?>" itemprop="url"> </a>

The <img> tag will have a bunch of php code in the middle of it, so you have to figure out where the end is and place the closing anchor tag after that.

Boki

With more than 15 years of hands-on experience in Joomla, the author specializes in building and redesigning websites that are both functional and easy to use. Driven by a passion for clean code and thoughtful design, they help individuals and businesses bring their digital ideas to life—turning concepts into smooth, engaging online experiences.

Tips & Tricks