Comments on: Magento: Custom Category Images Listing Block Tutorial

By: TylerCallie

TylerCallie — Tue, 02 Mar 2010 08:53:49 +0000

Specialists tell that business loans help a lot of people to live their own way, just because they can feel free to buy needed things. Moreover, banks offer student loan for young and old people.

By: sven

sven — Sat, 16 Jan 2010 08:03:12 +0000

Hi!
Works perfect! But two questions:
- i only want to list subcategories and not sub-subcategories.
- i want the subcategories to be listed by 3 one one line (now there's only one on one line)

By: robert roorda

robert roorda — Tue, 08 Dec 2009 21:26:36 +0000

Martin
Below, please find the *.css code that I used. I don't specifically set it to 5 columns, but the images size and the available space make it that way. On slight glitch: if you have a category title that take up more than 1 row of text it will push the other categories off to one side.
-rob


/* Category landing */ 
.category-box {

text-align: center;

float:left;

margin:0px 15px 15px 0px;

width: 120px; 
} 
.category-image-box {

/*

background: url(../images/category_image_bg.gif) no-repeat;

*/

height:175px;

width: 120px; 
} 
.category-image-box img {

margin: 5px 5px 0px 0px;

border-width: 1px;

border-color: #4b3425;

border-style: solid;

} 
.category-name a:link, .category-name a:visited {

color: #7c2b87;

font-weight: bold;

font-size: 14px;

text-decoration: none;

line-height:16px;

} 
.category-name a:hover, .category-name a:active {

color: #4b3425;

font-weight: bold;

font-size: 14px;

text-decoration: none;

line-height:16px;

}

By: Dean Mortimer

Dean Mortimer — Tue, 08 Dec 2009 12:29:12 +0000

I had this problem as well and realised that my installation wasn't using Category.php to load the sub category information. Turns out that I had flat catalogs turned on so the file you want to amend is:

appcodelocalMageCatalogModelResourceEavMysql4CategoryFlat.php

If this file doesn't exist then copy the one from

appcodecoreMageCatalogModelResourceEavMysql4CategoryFlat.php

and then find the _loadNodes function. This is where the sql for the extracting info from the flat category table is built and executed. In the _loadNodes find where the sql is built, which should look like this:

$select = $_conn->select()
->from(array('main_table'=>$this->getMainStoreTable($storeId)), array('main_table.entity_id', 'main_table.name', 'main_table.path', 'main_table.is_active', 'main_table.is_anchor'))

and add an extra field to select, in this case the "image" field by changing the line to look like this:

select = $_conn->select()
->from(array('main_table'=>$this->getMainStoreTable($storeId)), array('main_table.entity_id', 'main_table.name', 'main_table.image', 'main_table.path', 'main_table.is_active', 'main_table.is_anchor'))

Hope this helps.

Thx for starting this post its has been of great help to me.

By: creativereason

creativereason — Fri, 04 Dec 2009 06:08:13 +0000

Hi Pranil, I think I have something similar to what you were looking for here:

http://www.creativereason.com/category-thumbnail-...

Hope you solved your problem.

By: Martin

Martin — Sun, 29 Nov 2009 16:28:51 +0000

Hi Robert,

I'm having trouble locating which css entries to add/modify. Its working on my site, but in vertical rows – want to in 4 columns.

By: pieter

pieter — Fri, 20 Nov 2009 14:10:36 +0000

Thanks! That solved the problem!!

By: robert roorda

robert roorda — Tue, 17 Nov 2009 00:18:41 +0000

Hello.
Thought I should report that this worked fine for me on Magento 1.3.2.3 with no real difficulty. A few points that might be worth considering:
1. When I copied the *.phtml code from the tutorial, I first cut and paste if to my text editor, which is TEXTWRANGLER (macintosh). This may have fixed the quotes issues experienced by other users. I suspect Jake may have updated his tutorial code in response to comments so this might not be a concern.
2. I used FireBug (a Firefox extension that I highly recommend) to copy the *.css entries referred to in the *.phtml file from the 3graces.com website and used that as a basis for my syles. Before doing this the thumbnail images were arranged vertically. This is an essential step to format the output.
Hope this is helpful
P.S. My site(s) are up and running if you want to take a look or copy code:
hautemama.ie and hautemamaboutique.com

By: Max

Max — Mon, 09 Nov 2009 21:40:56 +0000

found the error. line 8 must be:

By: Max

Max — Mon, 09 Nov 2009 21:28:19 +0000

How did u solve it, Mark? Im getting the same error!

Help please! thx Max