Loading...
JoomlaJoomla 1.7Joomla ArticlesJoomla SetupJoomla Tutorials

Joomla 1.7 Help – How to Display Subcategories with Descriptive Images

Joomla 1.7 - Show Subcategory Images and Description
Joomla 1.7 - Show Subcategory Images and Description

I’ve been asked this question a few times in my previous post about How to Display Multiple Subcategories in Category Blog Layout, but have not really looked into it. Today I went searching for the answer.  The question is:  How to show the images of a subcategory in Joomla 1.7?   I did find a solution and the functionality is already built into Joomla 1.7.3, so there no need to install additional Components or Extensions.  This post is created in response to Edward, Boris and Roula.  Sorry for the delay.

  • I changed my ‘Home’ link to a menu item to list all categories and subcategories to show images.  The screenshot on the left is the result of the change.

If this is what you want to accomplish, I’ve created a few steps below so you can try it as well.

  • Create a Subcategory in Category Manager – Add image/description
  • Edit the Article Category Options
  • Create a new Menu item = List All Categories

Detail Instructions:

1.  Create a Subcategory in Category Manager

Create your own category and subcategory.  You can create a subcategory by simply placing it under a ‘Parent’ Category.  Below is only an example, replace my data with your own.

Joomla 1.7.3 - Create Subcategory with Image & Description
Joomla 1.7.3 - Create Subcategory with Image & Description
  • Login to your Joomla 1.7 administrator backend
  • Click on Content, Category Manager, Create a New Category
  • In the Details = Enter in your Subcategory information
  • In the Description = Insert an image, add text if relevant
  • Click on ‘Save & Close’
Joomla 1.7.3 Click on Category Manager Options
Joomla 1.7.3 Click on Category Manager Options

2.  Edit the Article Category Options

These are the global options to manage your articles and category options.  You can override these options if a value is directly specified in the Menu Manager.  You need to change the options in 2 tabs – Category and Categories.

  • Click on Content, Category Manager
  • Click on the ‘Options’ icon on the top left
  • a.  In the Article Manager Options, click on the ‘Category‘ tab, Set the following value:
  • b.  In the Article Manager Options, click on the ‘Categories‘ tab, Set the following value:
  • Click on ‘Save  & Close’
Joomla 1.7.3 Show Subcategory Description in Article Manager Options
Joomla 1.7.3 Show Subcategory Description in Article Manager Options

3.  Create a new Menu item = List All Categories

You can use any menu item to show categories.  You can use the Menu Item type = List all Categories, Category List, or Category Blog to show Subcategory images.  Remember to select the Parent of the subcategory as the ‘Select a Top Level Category’.

Below is just an example, remember to modify the details to your own Joomla 1.7 website.

Joomla 1.7.3 - Menu item to list all categories
Joomla 1.7.3 - Menu item to list all categories
  • Click on Menus, Main Menu, Edit the ‘Home’ Menu Item
  • In the Menu Manager: Edit Menu Item, under Details, set the following values:
      • Menu Item Type = List All Categories
      • Menu Title = Home
      • Status = Published
      • Access= Public
      • Menu Location = Main Menu
      • Select a Top Level Category = Joomla! Elaine
  • Click  on ‘Save & Close’
Refresh your website and try out the Menu link.  Remember that your Menu must be published in the Module Manager as well for it to be seen on the Frontpage.  Once you click on the ‘Home’, you should see a list of categories and all your subcategories with images and descriptions beside them.
I hope that helps,
Elaine
4 comments
  1. Lynn McColley

    Hi Elaine,
    Wow, your several articles on this have gotten me closer, but not to the final solution. I would like to display a blog layout that shows like this:
    Category (including description and picture)
    — Subcategory (also with description & picture}
    — — Article Intro
    — — Article Intro
    — Subcategory (also with description & picture}
    — — Article Intro
    — — Article Intro
    Unfortunately I get a list of all the articles, paginated, at the bottom a list containing links to all the subcategories. Additionally, setting the blog to use multiple columns for the articles is completely ignored. Any ideas what magic combination of settings would show like this?

    1. marc

      Did you ever find out how to achieve this?
      I’m looking for the same thing. You would thing if you are going to list a category with several sub categories that the Title for those subcategories would be better placed at the start of its respective items rather then all at the bottom of the entire list of articles.

Leave a Reply

Your email address will not be published. Required fields are marked *

Captcha Captcha Reload