How to add category image to module mod_article_categories

Question

How can I add the category image to the categories listed using the J3.3.1 core module mod_articles_categories?

I think I have to create a module override in template/my-template//html/mod_articles_categories/ folder, but what are the code changes I have to make?

Answer 1

In the template override file /html/mod_articles_categories/default_items.php I added the code

<img src="<?php echo $item->getParams()->get('image') ?>" width="40" height="40" border="0"/>

just after this line:

<a href="<?php echo JRoute::_(ContentHelperRoute::getCategoryRoute($item->id)); ?>">

That did the trick.

Offcourse the category image has to be set for each category shown, otherwise no image will display.

Answer 2

If you add an image to your category description, and set the module parameter "Category Description" to yes, the description (if any) AND the image will be displayed in your module without any overrides.

If you need to add the category image somewhere else (e.g. above the title), you could try this in your override file template/my-template/html/mod_articles_categories/:

<?php
  $string = $item->description;
    $beg = substr($string,strpos($string,"<img"),strlen($string));
    //$catimg = substr($beg,0,$pos_srch = strpos($beg,">"));
    $catimg = substr($beg,0,$pos_srch = strpos($beg,">"));
  echo $catimg;
?>

This will echo the first image from the category description, including the <img> tag.

Answer 3

You can get the stored image path within your override using $item->getParams()->get('image') From there it should be easy to put that path into an img tag.