Joomla 1.7 Help – How to Display Subcategories with Descriptive Images

by Elaine on January 25, 2012

cmsmind elaine subcategories images 1 Joomla 1.7 Help   How to Display Subcategories with Descriptive Images

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.

cmsmind elaine subcategories images 5 Joomla 1.7 Help   How to Display Subcategories with Descriptive Images

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’
cmsmind elaine subcategories images 2 Joomla 1.7 Help   How to Display Subcategories with Descriptive Images

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’
cmsmind elaine subcategories images 3 Joomla 1.7 Help   How to Display Subcategories with Descriptive Images

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.

cmsmind elaine subcategories images 4 Joomla 1.7 Help   How to Display Subcategories with Descriptive Images

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,
 Joomla 1.7 Help   How to Display Subcategories with Descriptive Images

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 4 comments… read them below or add one }

Lynn McColley March 28, 2012 at 4:49 am

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?

Reply

marc July 21, 2012 at 2:04 pm

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.

Reply

Scott September 30, 2012 at 3:05 pm

I’ve been looking for a way to do this as well…in Joomla 2.5. Did you ever come up with a solution?

Reply

Nev July 6, 2012 at 2:30 pm

GOD BLESS YOU ELAINE!

Many thanks,

Nev

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: